Chargement...

Attributs input HTML

Outre type, les inputs acceptent des attributs de règles et d’indices : required, placeholder, plages, etc.

Réponse directe

Courants : name, id, value, placeholder, required, min, max, step, maxlength, pattern, disabled, readonly. Aident l’utilisateur et le navigateur — validez côté serveur ensuite.

📊 Attributs input utiles

Attribute Role
placeholder Hint text inside an empty field
required Field must be filled before submit
min / max / step Limits for number/date-like types
maxlength Max characters for text-like types
pattern Regex-like allowed pattern
disabled Control not usable / not submitted
readonly Visible but not editable

Attributes on inputs

html
HTML Code 
<label for="age">Age</label>
<input id="age" name="age" type="number" min="1" max="120" required>

<label for="code">Code</label>
<input id="code" name="code" type="text" maxlength="6" placeholder="ABC123" pattern="[A-Za-z0-9]{6}">

Essaie

  1. email required + placeholder
  2. number avec min/max
  3. Soumettre vide — message navigateur
  4. maxlength sur code court

Erreurs courantes

  • Se fier au seul navigateur
  • disabled sur champs à envoyer
  • pattern trop complexe

Résumé

  • Les attributs affinent le comportement
  • required, plages, maxlength
  • placeholder = indice
  • Labellisez chaque champ

🧠 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

❓
5
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
Sujet 1 de 1
Html Tutoriel