Comment définir la largeur de saisie en HTML-tutoriel HTML-php.cn

Comment définir la largeur de saisie en HTML

青灯夜游

Libérer： 2021-11-01 16:59:25

original

19889 Les gens l'ont consulté

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;}".

Comment définir la largeur de saisie en HTML

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>

Copier après la connexion

Rendu :

Comment définir la largeur de saisie en HTML

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>

Copier après la connexion

Rendu :

Comment définir la largeur de saisie en HTML