Comment faire une boîte de dépôt html

Lors de la conception d`une page Web ou un site entier en HTML, vous pourriez avoir besoin d`une liste déroulante HTML. Si vous n`êtes pas déjà familier avec ces boîtes, ils sont les chouettes petits champs (souvent trouvés dans les formulaires HTML) qui vous permettent de sélectionner un élément dans une liste en cliquant sur une flèche, puis défilement vers le bas pour trouver l`option que vous voulez dans la liste qui tombe sous cette flèche. Si vous utilisez un éditeur HTML ou le codage à la main, la création d`une boîte de dépôt HTML est simple.

1

Créer un formulaire HTML pour héberger votre boîte de dépôt HTML. Au sein d`un formulaire HTML, vous pouvez utiliser une boîte de dépôt HTML pour tout de permettre à un utilisateur d`indiquer les préférences dans un envoi par courrier électronique de formulaire pour créer une redirection automatique basée sur l`option dans la liste que les clics de l`utilisateur.

2

Choisis un "Sélectionner" tag si vous utilisez un éditeur HTML, ou si vous la main codantes votre code HTML. Tapez ce qui suit:

3

En utilisant le "Option" tag au sein de votre "Sélectionner" marque. Ajouter à tous les éléments que vous devez apparaître dans la liste pour votre boîte de dépôt. Ajouter une valeur pour chaque élément dans la liste, de sorte que votre script forme sera en mesure d`interpréter la sélection de l`utilisateur. Vous pouvez ajouter autant de "Option" étiquettes que vous avez besoin. Après avoir terminé cette étape, votre balise HTML devrait ressembler à ceci:

Tout ce que vous tapez entre l`ouverture et la fermeture "Option" balises seront ce qui apparaît dans la liste déroulante. L`attribut de valeur est utilisée par votre script de formulaire.

Video: Tutoriel - D.I.Y. : Comment faire une boîte compartimentée - Embroidery Thread Storage

4

Donne ton "Sélectionner" marquer un attribut name, surtout si vous utilisez plusieurs boîtes de dépôt en une forme. Votre script formulaire peut exiger la "Sélectionner" tag pour avoir un attribut name. votre ouverture "Sélectionner" tag devrait ressembler à ceci:

5

Situé dans un attribut de la taille de votre "Sélectionner" tag si vous voulez plus d`un élément à être visible dans la liste lorsque l`utilisateur charge la page. Par exemple, pour afficher trois éléments de la page, changer votre "Sélectionner" tag comme ceci:

6

Remplissez tous les réglages de programmation au script vous avez l`intention d`utiliser le formulaire, et ajoutez les références appropriées dans votre fichier HTML. Les exigences exactes varient en fonction de ce que vous avez l`intention de le faire avec votre formulaire. Mais si vous utilisez javascript pour faire une page de redirection avec votre boîte de dépôt, vous devrez peut-être ajouter un attribut onchange à votre "Sélectionner" balise qui pointe vers l`emplacement de votre script. En outre, votre script devra contenir des instructions indiquant que la page de redirection pour chaque option dans votre boîte de dépôt.

Conseils

  • vérifier Si vous voulez un des éléments dans votre liste à présélectionnée lorsque l`utilisateur charge la page, ajoutez dans la "Option" tag pour cet article: sélectionné ="choisi"
  • vérifier Pour permettre à l`utilisateur de sélectionner plus d`un élément dans la liste, comme dans une soumission de formulaire, ajoutez ce qui suit dans la "Sélectionner" tag: multiples ="plusieurs"

Attention

  • Fermer Il est toujours une bonne idée de tester des pages Web dans plusieurs navigateurs pour vous assurer qu`ils sont compatibles avec différentes plates-formes.

Video: Cours Complet HTML CSS - Chapitre 6/10 : Le modèle des boîtes

A propos de l`auteur

Kay Daniels est un auteur indépendant avec plus de 10 ans d`écriture de l`expérience et l`édition en ligne. Elle a un baccalauréat en psychologie de l`Excelsior College, un certificat en copie l`édition de l`Université de Californie, San Diego Extension, et est en deuxième année de médecine.

Articles connexes