HTML attribut height et attribut width balise input

Somaire

Définition et utilisation attribut height

LES BALISES HTML

L'attribut height spécifie la hauteur de l'élément <input>. il représente la hauteur de l'image à afficher, en pixel CSS.

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

Définition et utilisation attribut width

L'attribut width définit la largeur de l'élément <input>. il représente la largeur de l'image à afficher, en pixel CSS.

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

Image astuceAstuce : Toujours spécifier les attributs largeur et hauteur pour les images. Si la hauteur et la largeur sont définies, l'espace requis pour l'image est réservé lorsque la page se charge. Cependant, sans ces attributs, le navigateur ne connaît pas la taille de l'image et ne peut pas réserver l'espace approprié pour elle. L'effet sera que la mise en page va changer pendant le chargement (lors du chargement de l’images ).


Syntaxe

<input width="pixel" height="pixel">


Exemple Définir une image comme  bouton soumettre, avec les attributs height et width :

Sélectionner le code

              <!DOCTYPE html>
           
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html5 demo</title>
</head>
<body>
<form  name="form1" action="page-cible.php" method="get">
  Prénom: <input type="text" name="pnom"><br><br>
  Nom: <input type="text" name="nom"><br><br>
  E-mail: <input type="email" name="userid"><br><br>
<input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>
</body>
</html>

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari

L'attribut height et width sont pris en charge dans tous les principaux navigateurs.


Différences entre HTML 4.01 et HTML5

L'attribut height et width sont nouveaux pour la balise <input> dans HTML5.


Valeurs d'attribut

Valeur Description
pixel La hauteur ou la largeur en pixels (par exemple height = "100")

Retour à l'accueil du site

Par carabde 10 mars 2014