HTML (Hypertext Markup Language) est un langage de développement Web couramment utilisé, et des listes déroulantes sont souvent requises dans les pages Web. Une zone déroulante est un contrôle interactif couramment utilisé, généralement utilisé pour permettre aux utilisateurs d'en sélectionner une parmi plusieurs options. La configuration d'une boîte déroulante en HTML est très simple. Cet article explique comment configurer une boîte déroulante HTML.
Comment configurer la liste déroulante HTML
La liste déroulante HTML est créée via la balise
<select> <option value="选项1">选项1</option> <option value="选项2">选项2</option> <option value="选项3">选项3</option> …… </select>
Parmi elles, la balise
Voici un exemple simple de liste déroulante :
<select> <option value="选项1">选项1</option> <option value="选项2">选项2</option> <option value="选项3">选项3</option> </select>
Ce code générera une liste déroulante contenant trois options.
Attributs de la liste déroulante
En ajoutant des attributs, vous pouvez définir divers attributs de la liste déroulante, tels que la sélection d'une option, la définition de la taille de la liste déroulante, etc.
Voici quelques attributs couramment utilisés :
<option selected value="选项1">选项1</option>
L'attribut sélectionné peut être utilisé pour définir l'option par défaut de la liste déroulante. Si l'attribut sélectionné n'est pas défini, l'option par défaut est la. première option.
<select multiple> <option value="选项1">选项1</option> <option value="选项2">选项2</option> <option value="选项3">选项3</option> </select>
attribut multiple peut permettre à la liste déroulante de prendre en charge plusieurs sélections. Une fois plusieurs options sélectionnées, vous pouvez maintenir la touche Ctrl enfoncée et cliquer sur les options pour les désélectionner.
<select size="5"> <option value="选项1">选项1</option> <option value="选项2">选项2</option> <option value="选项3">选项3</option> </select>
l'attribut size peut définir le nombre d'options que la liste déroulante peut afficher. Si le nombre d'options dépasse le nombre spécifié, une barre de défilement apparaît pour afficher des options supplémentaires.
<select disabled> <option value="选项1">选项1</option> <option value="选项2">选项2</option> <option value="选项3">选项3</option> </select>
L'attribut désactivé peut rendre la liste déroulante indisponible et interdire à l'utilisateur de faire des sélections.
<select name="mySelect"> <option value="选项1">选项1</option> <option value="选项2">选项2</option> <option value="选项3">选项3</option> </select>
L'attribut name est utilisé pour spécifier le nom de la zone déroulante. Cet attribut est généralement utilisé pour la soumission d'un formulaire ou pour accéder à la zone déroulante en JavaScript.
<select onchange="myFunction()"> <option value="选项1">选项1</option> <option value="选项2">选项2</option> <option value="选项3">选项3</option> </select>
l'attribut onchange peut être utilisé pour définir la fonction de traitement après la modification de l'option de la liste déroulante.
Ce qui précède est la méthode de configuration de la liste déroulante HTML, j'espère que les lecteurs pourront la maîtriser.
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!