Summary  
This chapter explains how to use the HTML `<button>` element to create clickable controls and how to set its `type` attribute (e.g., `type="button"`) to distinguish generic button actions from form submissions.

General domain of usage  
Web user interface development

The `<button>` tag in HTML is used to create a clickable button that can trigger an action, such as submitting a form, executing a JavaScript function like opening and closing a pop-up window, or toggling a mobile menu. By default, the `<button>` has the `type` attribute, and its value is `submit`. However, you often need to specify `type="button"`.

PGJ1dHRvbiB0eXBlPSJidXR0b24iPk9wZW4gbW9iaWxlIG1lbnU8L2J1dHRvbj4=

The `<a>` tag is used for creating hyperlinks to other web pages, documents, or resources. 

In contrast, the `<button>` tag is used for creating interactivity on a web page, triggering an event, or performing an action. It's essential not to mix their purposes.

Note

Can you use a `<button>` tag to submit a form?

What is the main difference between the `<a>` tag and the `<button>` tag?

Aprenda os conceitos essenciais de HTML (HyperText Markup Language), a base do desenvolvimento web. Este curso para iniciantes aborda tags, atributos, elementos e a estruturação de páginas web. Adquira habilidades práticas na criação de títulos, parágrafos, listas, imagens, links, formulários e tabelas. Explore boas práticas, otimização e acessibilidade na web. Inicie sua jornada no desenvolvimento web com HTML.

Explore o funcionamento interno da web. Entenda como os dados trafegam pelas redes, descubra o papel dos protocolos e desvende os mistérios dos endereços IP e nomes de domínio. Obtenha uma compreensão geral de como navegadores e servidores se comunicam para entregar conteúdo web.

Descubra o poder das tags para estruturar o conteúdo, desde títulos e parágrafos até listas e tabelas. Aprenda como aprimorar os elementos com atributos.

O núcleo da estrutura de documentos HTML. Aprenda os componentes de um documento HTML, incluindo a declaração do doctype, head e body. Compreenda o propósito de cada elemento e como eles contribuem para a estrutura geral de uma página web.

Torne uma página web mais atraente com o uso de mídias como imagens, áudio e vídeo. Trabalhe com dados tabulares estruturados na forma de tabelas.

Explore a versatilidade dos formulários HTML. Aprenda a projetar formulários intuitivos e fáceis de usar aproveitando conceitos e técnicas essenciais. Descubra como os formulários possibilitam a interação do usuário e o envio de dados em sites.

Adding Buttons

1. Can you use a `<button>` tag to submit a form?

2. What is the main difference between the `<a>` tag and the `<button>` tag?

Adding Buttons

1. Can you use a `<button>` tag to submit a form?

2. What is the main difference between the `<a>` tag and the `<button>` tag?

Adding Buttons

1. Can you use a <button> tag to submit a form?

2. What is the main difference between the <a> tag and the <button> tag?

Adding Buttons

1. Can you use a <button> tag to submit a form?

2. What is the main difference between the <a> tag and the <button> tag?

1. Can you use a `<button>` tag to submit a form?

2. What is the main difference between the `<a>` tag and the `<button>` tag?

1. Can you use a `<button>` tag to submit a form?

2. What is the main difference between the `<a>` tag and the `<button>` tag?