Forms · Formation
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Cette page nécessite un navigateur récent (avec support SharedArrayBuffer). Veuillez mettre à jour Chrome, Edge, Firefox ou Safari vers la dernière version.
English
Forms
- A form lets people type things in — a name, a message, a search.
- The boxes you type in are called inputs.
- A text box is
<input type="text">— a single tag, like<img>.
Français
Formulaires
- Un formulaire permet aux gens de taper des informations — un nom, un message, une recherche.
- Les cases dans lesquelles on tape sont appelées inputs (champs de saisie).
- Une zone de texte est
<input type="text">— une balise unique, comme<img>.
English
Labels and buttons
- A
<label>is the words next to an input, telling the user what it is for. - A
<button>is something to click — like Send or Search. - We won't actually send anything here — we're just learning the tags.
Français
Étiquettes et boutons
- Un
<label>est le texte à côté d'une entrée, indiquant à l'utilisateur à quoi elle sert. - Un
<button>est quelque chose à cliquer — comme Envoyer ou Rechercher. - Nous n'envoyerons rien ici — nous apprenons simplement les balises.
<label>Your name:</label>
<input type="text">
<button>Send</button>
English
Common mistakes
- Every input should have a matching
<label>. - A button in a form submits it by default — use
type="button"to stop that.
Français
Erreurs courantes
- Chaque input devrait avoir une étiquette
<label>correspondante. - Un bouton dans un formulaire le soumet par défaut — utilisez
type="button"pour empêcher cela.
English
Now you try
- Inputs and buttons are the building blocks of every form on the web.
- Add a text box, then a button.
Français
À vous maintenant
- Les inputs et les boutons sont les blocs de construction de tous les formulaires sur le web.
- Ajoutez une zone de texte, puis un bouton.
Add a box the user can type in. Use <input type="text"> (a single tag, like <img>). · Ajoutez une boîte dans laquelle l'utilisateur peut taper. Utilisez <input type="text"> (une balise simple, comme <img>).
Add a button that says Send · Envoyer. Use <button>Send</button>. · Ajoutez un bouton disant Send · Envoyer. Utilisez <button>Send</button>.