Attribut HTML : size

L'attribut size définit la largeur de l'élément <input> et la hauteur de l'élément <select>. Pour input, si l'attribut type est text ou password alors c'est le nombre de caractères. Il doit s'agir d'un nombre entier de valeur 0 ou supérieure. Si aucun size n'est spécifié, ou si une valeur invalide est spécifiée, l'entrée n'a pas de taille déclarée, et le contrôle de formulaire aura la largeur par défaut basée sur l'agent utilisateur. Si CSS cible l'élément avec des propriétés ayant un impact sur la largeur, CSS a la priorité.

L'attribut size n'a aucun impact sur la validation des contraintes.

Exemples

En ajoutant size sur certains types d'entrée, la largeur de l'entrée peut être contrôlée. L'ajout de la taille sur une sélection modifie la hauteur, définissant le nombre d'options visibles à l'état fermé.

html
<label for="fruit">Entrez un fruit</label>
<input type="text" size="15" id="fruit" />
<label for="vegetable">Entrez un légume</label>
<input type="text" id="vegetable" />

<select name="fruits" size="5">
  <option>banane</option>
  <option>cerise</option>
  <option>fraise</option>
  <option>durian</option>
  <option>myrtille</option>
</select>

<select name="vegetables" size="5">
  <option>carotte</option>
  <option>concombre</option>
  <option>chou-fleur</option>
  <option>céleri</option>
  <option>feuilles de collard</option>
</select>

Spécifications

Specification
HTML
# attr-select-size
HTML
# attr-input-size

Compatibilité des navigateurs

html.elements.select.size

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
size

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

html.elements.input.size

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
size

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Voir aussi