简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

Comment définir la largeur de saisie pour qu'elle soit adaptative en HTML

青灯夜游
Libérer： 2021-12-10 16:20:55
original
5776 Les gens l'ont consulté

En HTML, vous pouvez utiliser l'attribut width et l'unité de longueur "%" pour définir un pourcentage de largeur pour l'élément d'entrée en fonction de la largeur du bloc contenant (élément parent), puis définir la largeur de l'entrée sur adaptatif ; la syntaxe "".

Comment définir la largeur de saisie pour qu'elle soit adaptative en HTML

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

En HTML, vous pouvez utiliser l'attribut width et l'unité de longueur "%" pour définir l'adaptation de la largeur d'entrée.

Lorsque l'attribut width utilise l'unité de longueur "%", vous pouvez définir un pourcentage de largeur basé sur la largeur du bloc contenant (élément parent). 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		<input /><br><br>
		<input style="width: 100%;" />
	</body>
</html>
Copier après la connexion

Comment définir la largeur de saisie pour quelle soit adaptative 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!

Étiquettes associées：
html input
source：php.cn
Article précédent：Comment définir la saisie en HTML pour que seuls les chiffres puissent être saisis Article suivant：Comment créer une liste déroulante HTML
Déclaration de ce site Web
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
Derniers articles par auteur
Derniers numéros
Tirer parti des composants VueJS en PHP Je souhaite mélanger le HTML de base généré par les composants Php et VueJS sans avoir à u...
Depuis 2023-11-11 00:01:44
0
2
288
Comment utiliser la balise primitive ouverte dans Next JS 13 ? Dans la récente mise à jour NextJS13, ils ont introduit une nouvelle façon de gérer les ba...
Depuis 2023-11-10 23:03:51
0
1
527
Le mailer PHP ne fonctionne pas : pas de journal d'erreurs, le message indique envoyé mais non reçu Je ne reçois aucun journal d'erreurs dans le journal des erreurs php de mon serveur Web. J...
Depuis 2023-11-10 15:02:39
0
1
218
v-date-picker pour sélectionner uniquement le mois et l'année S'il vous plaît dites-moi s'il existe un autre moyen de procéder en utilisant v-date-picke...
Depuis 2023-11-10 14:05:05
0
1
269
Le titre réécrit est : SweetAlert2 : les paramètres "onBeforeOpen" sont inconnus J'utilise Laravel5.8 avec Sweetalertv2 et j'essaie de déclencher cette alerte sur Blade av...
Depuis 2023-11-10 09:39:01
0
1
257
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！