Attribut HTML <input> width

❮ Balise HTML <input>

Exemple

Définissez une image comme bouton d'envoi, avec des attributs de hauteur et de largeur :

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>

Définition et utilisation

L' widthattribut spécifie la largeur de l' <input>élément.

Remarque : L' widthattribut est utilisé uniquement avec <input type="image">.

Conseil : spécifiez toujours les attributs heightet width pour les images. Si la hauteur et la largeur sont définies, l'espace requis pour l'image est réservé lors du chargement de la page. Cependant, sans ces attributs, le navigateur ne connaît pas la taille de l'image, et ne peut pas lui réserver l'espace approprié. L'effet sera que la mise en page changera pendant le chargement (pendant le chargement des images).


Prise en charge du navigateur

Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'attribut.

Attribute
width Yes Yes 16.0 Yes Yes

Syntaxe

<input width="pixels">

Valeurs d'attribut

Value Description
pixels The width in pixels (e.g. width="100")

❮ Balise HTML <input>