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

Balise HTML <input>

Définition et utilisation

height L'attribut spécifie la hauteur de l'élément <input>.

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

Avis :Il est une bonne habitude de spécifier la hauteur et la largeur de l'image. Si ces attributs sont définis, un espace nécessaire est réservé pour l'image au chargement de la page. En l'absence de ces attributs, le navigateur ne peut pas connaître la taille de l'image et ne peut 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">Nom :</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 height="pixels">

Valeur de l'attribut

Valeur Description
pixels Définir la hauteur 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 :height L'attribut 'property' est une nouvelle propriété de la balise <input> dans HTML5.

Balise HTML <input>