Chargement...
Types d’input HTML
One tag — input — many behaviors. The type attribute chooses the control style and hints the expected value.
Réponse directe
Set type to text, email, password, number, checkbox, radio, date, file, hidden, or submit. Pair visible inputs with label. Phones may show special keyboards for email and number.
📊 Types d’input de base
| type | Use |
|---|---|
| text | General single-line text |
| Email addresses | |
| password | Masked secrets |
| number | Numeric values |
| checkbox | On/off options (many can be checked) |
| radio | Pick one from a named group |
| date | Calendar date |
| file | Upload a file |
| submit | Submit button-style input (or prefer button) |
Several input types
html
HTML Code
<form action="/join" method="post">
<label for="mail">Email</label>
<input id="mail" name="mail" type="email">
<label for="pw">Password</label>
<input id="pw" name="pw" type="password">
<label><input type="checkbox" name="news" value="yes"> Newsletter</label>
<label><input type="radio" name="plan" value="free"> Free</label>
<label><input type="radio" name="plan" value="pro"> Pro</label>
<button type="submit">Join</button>
</form>Essaie
- email + password form
- checkbox + radio group same name
- submit locally
- try number for age
Erreurs courantes
- radios different names
- text for passwords
- missing checkbox labels
Résumé
- type selects behavior
- match type to data
- radios share name
- label visible inputs
🧠 Testez Vos Connaissances
Prêt à Commencer
Testez Vos Connaissances
Mettez-vous au défi avec ce quiz interactif et voyez à quel point vous comprenez le sujet
6
Questions
70%
Pour Réussir
∞
Temps
∞
Tentatives
📝 Instructions
- Lisez chaque question attentivement
- Sélectionnez la meilleure réponse pour chaque question
- Vous pouvez refaire le quiz autant de fois que vous le souhaitez
- Votre progression sera affichée en haut