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?

Apprenez les bases du HTML (HyperText Markup Language), le fondement du développement web. Ce cours destiné aux débutants couvre les balises, attributs, éléments et la structuration des pages web. Acquérez des compétences pratiques pour créer des titres, paragraphes, listes, images, liens, formulaires et tableaux. Découvrez les bonnes pratiques, l’optimisation et l’accessibilité web. Commencez votre parcours en développement web avec le HTML.

Explorez le fonctionnement interne du web. Découvrez comment les données circulent à travers les réseaux, le rôle des protocoles, ainsi que les mystères des adresses IP et des noms de domaine. Acquérez une compréhension globale de la manière dont les navigateurs web et les serveurs communiquent pour fournir du contenu web.

Découvrez la puissance des balises pour structurer le contenu, des titres et paragraphes aux listes et tableaux. Apprenez à enrichir les éléments grâce aux attributs.

Le cœur de la structure d'un document HTML. Découverte des composants d'un document HTML, y compris la déclaration doctype, l'en-tête et le corps. Compréhension de la fonction de chaque élément et de leur contribution à la structure globale d'une page web.

Rendez une page web plus attrayante grâce à l'intégration de médias tels que des images, de l'audio et de la vidéo. Manipulez des données structurées sous forme de tableaux.

Découvrez la polyvalence des formulaires HTML. Apprenez à concevoir des formulaires intuitifs et conviviaux en utilisant des concepts et techniques essentiels. Comprenez comment les formulaires permettent l'interaction utilisateur et la soumission de données sur les sites web.

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?