Une brève discussion sur le nom, la valeur en entrée et pour l'étiquette

Cet article parlera brièvement du nom, de la valeur en entrée et de l'étiquette. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il vous sera utile.

L'entrée a de nombreux attributs, les plus couramment utilisés sont le type, la valeur, le nom, l'espace réservé, multiple, vérifié, etc. J'ai toujours été confus au sujet du nom, de la valeur, de l'étiquette et du texte en dehors de l'étiquette, mais j'ai finalement compris aujourd'hui.

1) attribut name

　Définition  : L'attribut name spécifie le nom de l'élément d'entrée.

　Utilisation : L'attribut name est utilisé pour identifier les données du formulaire après leur soumission au serveur, ou pour référencer les données du formulaire via JavaScript sur le client.

　Remarque : Seuls les éléments de formulaire avec l'attribut name défini peuvent transmettre leurs valeurs lors de la soumission du formulaire.

En d'autres termes, le nom n'est pas utile pour l'affichage de la page (l'ajouter ou non n'affecte pas l'affichage de la page), mais est utilisé pour une référence facile lors de l'interaction avec le serveur ou de l'écriture de js.

2) attribut value

Définition  : L'attribut value définit la valeur de l'élément d'entrée.

Utilisation : Pour différents types d'entrée, l'utilisation de l'attribut value est également différente :

• type="button", "reset" , " submit" - définit le texte affiché sur le bouton

<input>按钮文字

", "password", "hidden" - définit la valeur initiale du champ de saisie

• 🎜>type="checkbox", "radio", "image" - définit

  la valeur associée à l'entrée

<input>标签外

Remarque : ce qui est affiché sur la page à ce moment est le "texte du bouton" (texte en dehors de l'étiquette), et la valeur à ce moment est principalement utilisé pour les opérations interactives dans js, donc la valeur à ce moment est généralement définie sur Entrez les valeurs pertinentes. Par exemple :

• Remarque

   : L'attribut value doit être défini dans et .

<input>按钮文字

3) label

Par exemple :

<input>男

Les deux méthodes ci-dessus affichent les mêmes résultats, comme le montre la figure ci-dessous :

Donc : label L'élément ne présente aucun effet spécial à l'utilisateur

. Cependant, cela améliore la convivialité pour les utilisateurs de souris. Ce contrôle est déclenché si vous cliquez sur le texte à l'intérieur de l'élément label. C'est-à-dire que lorsque l'utilisateur sélectionne l'étiquette, le navigateur mettra automatiquement le focus sur le contrôle de formulaire lié à l'étiquette.

L'attribut for de l'étiquette doit être le même que l'attribut id de l'élément associé

.

<label>请输入邮箱地址：</label>      
    <input type="text" name="email" value="这是一个文本输入框"/>

请输入邮箱地址：     
     <input type="text" name="email" value="这是一个文本输入框"/>

Que signifie la phrase ci-dessus ? C'est-à-dire que si vous l'écrivez comme suit,

lorsque la souris clique sur "Veuillez saisir votre adresse e-mail", l'effet est le même que si vous cliquez sur la zone de saisie (c'est-à-dire que la zone de saisie sera focalisée), c'est-à-dire que l'étiquette sera liée à l'entrée correspondante Together.

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo HTML ! Recommandations associées :

Tutoriel vidéo de formation sur le bien-être public php

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!