Derniers tutoriels de développement web
 

HTML <input> width Attribute

<HTML <input> tag

Exemple

Définir une image comme le bouton d' envoi, avec la height et la width des attributs:

<form action="demo_form.asp">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
Essayez - le vous - même »

Définition et utilisation

La width attribut spécifie la largeur de la <input> élément.

Remarque: La width attribut est utilisé uniquement avec <input type="image"> .

Astuce: Toujours spécifier à la fois la height et la width des attributs pour les images.Si la hauteur et la largeur sont définies, l'espace requis pour l'image est réservé lorsque la page est chargée. Toutefois, sans ces attributs, le navigateur ne connaît pas la taille de l'image, et ne peut pas réserver un espace approprié à lui. L'effet sera que la mise en page va changer au cours du chargement (alors que les images se chargent).


support du navigateur

Les chiffres du tableau indiquent la première version du navigateur qui prend en charge totalement l'attribut.

Attribut
width 1.0 Oui 16,0 Oui 1.0

Différences entre HTML 4.01 et HTML5

La width attribut est nouvelle pour la <input> balise HTML5.


Syntaxe

<input width="pixels">

Attribut valeurs

Valeur La description
pixels La largeur en pixels (par exemple width="100" )

<HTML <input> tag