Comment créer une zone de liste déroulante

Boîtes déroulantes sur les sites Web permettent à l'utilisateur de choisir parmi une liste d'options. Les boîtes peuvent être utilisés dans les formulaires soumis par l'utilisateur ou pour accélérer la navigation sur le site. Avantages à la boîte déroulante sont son utilisation de l'écran économique et interface facile. Les boîtes aident aussi à empêcher les utilisateurs d'entrer des données invalides. Apprenez à créer une zone de liste déroulante simple HTML.

Choses que vous devez

  • éditeur de texte comme Notepad ou Wordpad

Instructions




  1. Créer un document HTML en utilisant un éditeur de texte simple, tel que le bloc-notes, ou tout autre logiciel d'édition HTML. Pour ce faire, en insérant le et tag en haut de votre document. Ces balises définissent ce qui est à l'intérieur comme HTML. Veillez à fermer ces balises en insérant et à la fin de votre document. Enregistrez-le avec une extension .html.

  2. Ajouter la . Vous pouvez aussi donner un nom à ce menu, qui est utilisé en interne, en utilisant le "nom" attribuer au sein de la balise select ouverture. Par exemple, cette forme serait renvoyée à l'interne "fromage."







  3. Ajout d'une option dans le menu à l'aide de la . Ajouter autant d'options dans le menu que vous le désirez. Toutes les options seront visibles une fois que l'utilisateur développe le menu déroulant. Utilisez le "valeur" attribuer à donner à chacun un nom interne et "sélectionné" de le mettre à sélectionnée par défaut. Fin de l'exemple:




Conseils & Avertissements

  • Utilisez pour la navigation du site ou dans le cadre d'un formulaire.
  • Utilisez javascript pour permettre à l'utilisateur de choisir parmi la liste déroulante, puis l'amener à faire quelque chose, comme accéder à une page choisie.
» » » » Comment créer une zone de liste déroulante