" 2. Ajoutez le style width à l'élément d'entrée avec la syntaxe "input{ ; width:valeur de largeur;}" ."/> " 2. Ajoutez le style width à l'élément d'entrée avec la syntaxe "input{ ; width:valeur de largeur;}" .">
Maison > Article > interface Web > Comment définir la largeur de saisie en HTML
Comment définir la largeur d'entrée en HTML : 1. Définissez l'attribut width sur l'élément d'entrée, la syntaxe "" ; 2. Ajoutez le style de largeur à l'élément d'entrée, le syntaxe "input{width: width value;}".
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Définissez la largeur de l'entrée en HTML
Méthode 1 : utilisez l'attribut width de l'élément d'entrée
L'attribut HTML 5 spécifie la largeur de l'élément
Remarque : L'attribut width s'applique uniquement à <input type="image">
.
Astuce : C'est une bonne pratique de spécifier les attributs de hauteur et de largeur pour les images. Si ces propriétés sont définies, l'espace requis sera réservé à l'image lors du chargement de la page. Sans ces attributs, le navigateur ne peut pas comprendre la taille de l'image et ne peut pas lui réserver l'espace approprié. Ce qui se passe, c'est que lorsque la page et les images se chargent, la mise en page change.
Exemple :
<form action="demo-form.php"> 用户名: <input type="text" name="name"><br> 密 码: <input type="password" name="pass"><br> <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48"> <input type="image" src="img_submit.gif" alt="Submit" width="100" height="100"> </form>
Rendu :
Méthode 2 : Utilisez le style de largeur CSS
attribut width pour définir la largeur de l'élément.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> #pass { width: 200px; } </style> </head> <body> <form action="demo-form.php"> 用户名: <input type="text" name="name"><br> 密 码: <input type="password" name="pass" id="pass"> </form> </body> </html>
Rendu :
Tutoriel recommandé : "Tutoriel vidéo HTML"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!