" 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 de saisie en HTML

青灯夜游
青灯夜游original
2021-11-01 16:58:4319917parcourir

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>

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>

Rendu :

Comment définir la largeur de saisie en HTML

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn