Maison  >  Article  >  interface Web  >  Comment définir la hauteur de la balise label en HTML ? Introduction à l'utilisation des balises d'étiquette

Comment définir la hauteur de la balise label en HTML ? Introduction à l'utilisation des balises d'étiquette

寻∝梦
寻∝梦original
2018-09-04 16:09:217667parcourir

Cet article explique principalement comment définir la hauteur de la balise label en HTML. Il existe également une introduction sur la façon d'utiliser les balises d'étiquette HTML. Jetons un coup d'œil à cet article sur les balises d'étiquette html

Tout d'abord, voyons comment définir la hauteur de la balise d'étiquette en html :

L'étiquette 2e1cf0710519d5598b1f0f14c36ba6748c1ecd4bb896b2264e0711597d40766c en HTML définit les étiquettes de texte pour les éléments de formulaire. 2e1cf0710519d5598b1f0f14c36ba674 est un élément en ligne. Il n'y a pas de saut de ligne avant et après l'élément, et la hauteur ne peut pas être définie.

Si vous souhaitez définir la hauteur, vous devez définir l'attribut d'affichage de 2e1cf0710519d5598b1f0f14c36ba674. L'attribut par défaut est en ligne. À ce stade, l'élément sera affiché comme un élément en ligne. pas de saut de ligne. Il vous suffit de l'ajouter après le bloc en ligne, c'est-à-dire display:inline-block. À ce stade, 2e1cf0710519d5598b1f0f14c36ba674 est remplacé par un élément de bloc et la hauteur de 2e1cf0710519d5598b1f0f14c36ba674

Les conditions données dans cette image doivent définir la largeur de 2e1cf0710519d5598b1f0f14c36ba674 à 80 px. Pour le moment, 2e1cf0710519d5598b1f0f14c36ba674 il suffit de changer l'attribut d'affichage dans le code. C'est OK :

<label  class=&#39; p1&#39; style=&#39;dispaly: inline-block&#39;>姓名</label>

Ensuite, définissez

<style>
.p1{
width:80px;
}
</style>

dans la tête pour que la largeur soit ajustée.

Parlons maintenant de la façon d'utiliser la balise label html :

La balise label est une étiquette utilisée comme "label" sous la forme du code html. N'ai-je pas été dérouté par cette phrase. Cette "étiquette" n'est pas cette étiquette. Sa fonction est d'ajouter des mots avant le formulaire pour décrire le formulaire.

Dans la balise ff9c23ada1bcecdd1a0fb5d5a0f18437f5a47148e367a6035fd7a2faa965022e, vous constaterez que s'il n'y a pas de texte entre les balises, le formulaire ne s'affichera pas correctement. À ce stade, cette étiquette est introduite. , la méthode d'utilisation est la suivante :

<form id="dreamduform" action="http://www.php.cn/dreamdu.php" method="post">
<label for="contactus">PHP中文网</label>
<textarea cols="50" rows="10" id="contactus">
这里是PHP中文网
</textarea>
</form>

Dans l'exemple ci-dessus, la fonction de l'attribut for est l'identifiant du formulaire décrit par cette étiquette. Il semble que vous puissiez valoriser cet attribut et obtenir le. identifiant du formulaire en js. C'est ce que je comprends, mais je ne l'ai pas réellement testé.

Ce qui précède concerne la définition de la hauteur et de l'utilisation des balises d'étiquette HTML (si vous souhaitez en savoir plus sur la programmation, rendez-vous sur le site Web PHP chinois, où il y a plus de cours et de meilleurs professeurs pour votre réponse), si vous avez des questions, vous pouvez laisser un message ci-dessous.

[Recommandation de la rédaction]

Comment écrire du code d'espace html ? Résumé de l'expression du code de l'espace html

Comment envelopper la balise de code html ? Cet article vous donne une compréhension approfondie de l'utilisation des phrases de code

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