Explication détaillée de l'utilisation des balises option et optgruop dans le menu d'options du formulaire HTML

Utilisez la balise option pour définir chaque élément dans un formulaire contrôle . Le navigateur affiche le contenu de la balise comme élément du menu ou de la liste déroulante de la balise . De cette manière, son contenu ne peut être que du texte brut, sans aucune décoration. Attribut
value

Utilisez l'attribut value pour définir une valeur pour chaque option Lorsque l'utilisateur sélectionne l'option, le navigateur l'enverra au serveur. Si l'attribut value n'est pas spécifié, la valeur de l'option sera définie sur le contenu de la balise Jetez un œil aux options HTML dans l'exemple suivant :

coption value=dog>dog <option>dog

Les deux ont la même valeur. Le premier affiche la valeur définie dans la balise , et le second est défini par défaut sur le contenu de la balise elle-même : "dog"

attribut sélectionné

Par défaut, toutes les options des balises à sélection multiple sont décochéesstate, donc lorsque le client envoie le formulaire au serveur, ces options ne sont pas incluses dans la liste des paramètres. En incluant l'attribut sélectionné dans la balise , une ou plusieurs options peuvent être présélectionnées puis désélectionnées par l'utilisateur.

La version HTML de l'attribut sélectionné n'a aucune valeur. La version XHTML a la valeur selected=selected. Si aucune option n'est explicitement présélectionnée, la balise de la radio présélectionnera la première option.

attribut label

Normalement, lorsque l'élément est affiché à l'utilisateur, le contenu de la balise Mais si l'attribut label est fourni, sa valeur doit être utilisée comme étiquette.

Balise

Les menus d'options dans les formulaires peuvent être très longs, ce qui les rend difficiles à afficher et à utiliser. Dans ce cas, il peut être utile de regrouper certaines options associées, puis de présenter ces groupes à l'utilisateur sous la forme d'un ensemble imbriqué de menus en cascade. est une balise nouvellement introduite dans HTML 4.0. Bien que son utilisation soit limitée, elle fournit cette fonctionnalité pour les formulaires HTML et XHTML.

Seule la balise , et elle ne peut contenir que la balise Le navigateur génère des sous-menus pour chaque balise dans le menu principal Par exemple, en HTML, vous pouvez utiliser pour afficher un menu de formulaire organisé par nom de lieu !

<select name=state>
 <optgroup label=龙岗区>
      <option>布吉镇
      <option>坂田镇
</optgroup>
<optgroup label=宝安区>
      <option>龙华镇
      <option>西乡镇
</optgroup>
</select>

Étant donné qu'aucun navigateur ne prend encore entièrement en charge la balise (les navigateurs généraux les afficheront simplement sous forme de menu déroulant), nous ne sommes pas en mesure de la fournir à nos lecteurs. Montrez à quoi ressemblerait un tel menu. Cependant, ils peuvent être très similaires aux menus déroulants familiers, qui sont une fonctionnalité

courante pour la plupart des interfaces utilisateur graphiques. Lorsqu'il est sélectionné avec la souris ou le clavier, mène à un ou plusieurs menus. Par exemple, dans notre exemple « État », il peut y avoir des sous-menus intitulés « Nord-Est » et « Sud », et chaque sous-menu affichera une liste des États qu'il contient.

Malheureusement, le plus gros obstacle de la balise est qu'elle ne peut pas être imbriquée, ce qui se limite là à une seule couche de sous-menus. Cependant, dans les futures versions de XHTML, cette limitation pourrait être dépassée. Utilisez l'attribut label pour définir le titre d'un sous-menu

Organise les éléments liés à dans le menu

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!