Maison >interface Web >tutoriel HTML >Comment utiliser la balise select en HTML

Comment utiliser la balise select en HTML

不言original: 2018-11-21 11:03:3412412parcourir

La balise select en HTML peut créer une zone de sélection publique dans les éléments du formulaire. Cet article vous donnera une introduction détaillée à l'utilisation de la balise select.

Voyons d'abord ce qu'est la balise select ?

La balise select est la balise utilisée pour créer une zone de sélection. Utilisez la balise select lorsque vous souhaitez que l'utilisateur fasse une sélection à partir d'un élément de menu déroulant.

Vous pouvez utiliser la balise select dans le cadre d'un formulaire, ou vous pouvez utiliser JavaScript pour obtenir la valeur de l'élément sélectionné.

Comment utiliser la balise select ?

Pour utiliser les balises de sélection, vous pouvez créer un menu déroulant en ajoutant des balises d'option entre les balises de sélection.

<select name="name" id="name">
  <option value="name1">张三</option>
  <option value="name2">李四</option>
  <option value="name3">王二</option>
</select>

Utilisation complexe de balises sélectionnées

Exemple de code :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title></title>
</head>
<body>
<label>php中文网视频课程选择：
  <select name="program" multiple size="4">
    <optgroup label="application">
      <option value="wordpress">前端视频课程</option>
      <option value="webapp">php视频教程</option>
      <option value="laravel">bootstrap视频课程</option>
    </optgroup>
    <optgroup label="mobile">
      <option value="iphone">iPhone</option>
      <option value="android">Android</option>
      <option value="unity">Unity</option>
    </optgroup>
  </select>
</label>
</body>
</html>

Instructions :

Si plusieurs attributs sont spécifiés, plusieurs des options sont disponibles. Si rien n’est spécifié, une seule sélection est effectuée.

Étant donné que l'attribut size est spécifié comme size="4", seules 4 lignes peuvent être affichées.

Vous pouvez également faire défiler pour afficher toutes les options.

L'étiquette spécifiée par ne peut pas être sélectionnée par elle-même, mais elle peut être affichée en tant qu'étiquette de groupe.

Regardons un dernier exemple :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <form action="#" method="GET">
      <select name="name" id="name">
        <option value="who">发消息给谁？</option>
        <option value="name1">张三</option>
        <option value="name2">李四</option>
        <option value="name3">王二</option>
        <option value="name4">陈五</option>
        <option value="name5">赵六</option>
      </select>
      <input type="submit" name="submit" value="发送" />
    </form>
  </body>
</html>

L'effet sur le navigateur est le suivant :

Comment utiliser la balise select en HTML

C'est pour cet article L'intégralité du contenu de l'article est ici. Pour plus d'informations sur le HTML, vous pouvez faire attention à la colonne Tutoriel vidéo HTML du site php chinois ! ! !

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!

php JavaScript html select

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

Article précédent：Comment définir la zone de texte de saisie d'un formulaire pour qu'elle ne soit pas modifiableArticle suivant：Comment définir la zone de texte de saisie d'un formulaire pour qu'elle ne soit pas modifiable

Articles Liés

Voir plus