OUJOOD.COM
Définition et utilisation attribut height
LES BALISES HTMLL'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">.
Astuce : 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 :
Exemple : 📋 Copier 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
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