Attribut width de l'élément <input> HTML

Balise HTML <input>

Définition et utilisation

width L'attribut détermine la largeur de l'élément <input>.

Attention :width Les attributs ne s'appliquent qu'à <input type="image"> Utilisés ensemble.

Astuce :Il est une bonne habitude de spécifier la hauteur et la largeur de l'image. Si ces attributs sont définis, de l'espace nécessaire pour l'image sera réservé lors du chargement de la page. Si ces attributs ne sont pas définis, le navigateur ne pourra pas connaître la taille de l'image et ne pourra pas réserver un espace approprié pour elle. Dans le cas où la page et l'image sont chargées, la mise en page de la page peut changer.

Exemple

Définir une image en tant que bouton de soumission avec les attributs height et width :

<form action="/action_page.php">
  <label for="fname">名字：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Nom de famille : </label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="Soumettre" width="48" height="48">
</form>

Essayez-le vous-même

Syntaxe

<input width="pixels">

Valeur de l'attribut

Valeur Description
pixels Définir la largeur de l'élément <input> en pixels (par exemple height="100").

Support du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support 16.0 Support Support

Remarque :width L'attribut est une nouvelle propriété de la balise <input> dans HTML5.

Balise HTML <input>