Wie man eine HTML-Briefkasten

Beim Entwerfen einer Webseite oder einer gesamten Website in HTML benötigen Sie möglicherweise ein HTML-Briefkasten. Wenn Sie nicht bereits mit diesen Feldern vertraut sind, sind sie diese nette kleine Felder (oft gefunden in HTML-Formularen), mit denen Sie ein Element aus einer Liste auswählen, indem Sie auf einen Pfeil klicken, dann scrollen Sie nach unten, um die Option zu finden möchten Sie in der Liste, die unter diesen Pfeil abfällt. Ob Sie einen HTML-Editor verwenden oder drop erstellen HTML Kodierung von hand, ist einfach.

Anweisungen

1 Erstellen Sie ein HTML-Formular, um Ihre HTML-Drop-Box unterzubringen. Innerhalb eines HTML-Formulars können Sie eine HTML-Briefkasten für alles aus dem einen Benutzer geben Vorlieben in einer Form e-Mail-Vorlage zu erstellen, eine automatische Umleitung auf der Grundlage der Option in der Liste, die der Benutzer klickt.

2 Wählen Sie einen "Select"-Tag, wenn Sie einen HTML-Editor verwenden, oder wenn Sie Hand-Ihre HTML codieren. Geben Sie Folgendes ein:

< wählen > aus< Option >< / option >< / select >

3 Verwenden die "Option"-Tag in Ihr "Select"-Tag. Fügen Sie alle Elemente, die Sie in der Liste für Ihre Dropbox angezeigt. Fügen Sie einen Wert für jedes Element in der Liste, so Ihr Formular Skript in der Lage, die Auswahl des Benutzers zu interpretieren. Sie können hinzufügen, wie viele "Option" Tags wie Sie benötigen. Nachdem Sie diesen Schritt abgeschlossen haben, sollten Ihre HTML-Tag wie folgt aussehen:

< wählen > aus< option Value = "option1" > Option 1 < / option >< option Value = "option2" > Option 2 < / option >< option Value = "option3" > Option 3 < / option >< / select >

Alles, was Sie zwischen den öffnenden und schließenden "Option" Tags eingeben werden, was im Dropdown-Feld angezeigt wird. Das Value-Attribut ist für die Verwendung durch Ihre Form-Script.

4 Geben Sie Ihr "Select"-Tag ein Name-Attribut, besonders, wenn Sie mehrere Dropdown-Boxen innerhalb eines Formulars verwenden. Ihr Formular Skript kann verlangen, dass das "Select" Tag ein Name-Attribut haben. Ihr "Select" Starttag sollte wie folgt aussehen:

< select Name = "My Select Box" >

5 Legen Sie ein Size-Attribut in Ihrem "Select"-Tag, wenn mehr als ein Element in der Liste sichtbar sein, wenn der Benutzer die Seite geladen werden soll. Beispielsweise um drei Elemente auf der Seite anzeigen möchten, ändern Sie Ihr "Select"-Tag wie folgt:

< select Name = "My Select Box" Size = "3" >

6 Füllen Sie Programmierung zwickt an das Skript, die, das Sie mit dem Formular verwenden möchten, und fügen Sie die entsprechenden Verweise in Ihrer HTML-Datei. Die genauen Anforderungen variieren basierend auf was wollen Sie mit Ihrer Form zu tun. Aber wenn Sie JavaScript verwenden, eine Weiterleitung mit Ihren Briefkasten zu verursachen, müssen Sie möglicherweise Ihr "Select"-Tag, der auf den Speicherort des Skripts zeigt ein Onchange-Attribut hinzu. Ihr Skript müssen auch sagen, welche Seite umleiten an für jede Option in Ihrem Briefkasten Anweisungen enthalten.

Tipps & Warnungen

• Wenn Sie möchten eines der Elemente in Ihrer Liste zu vorausgewählt werden, wenn der Benutzer die Seite geladen wird, fügen Sie diese in das Tag "Option" für diesen Artikel: ausgewählte = "ausgewählte"
• Den Benutzer mehr als ein Element in der Liste auswählen kann, z. B. in ein Formular-Vorlage, fügen Sie Folgendes in die "Select" Tag: mehrere = "mehrere"
• Es ist immer eine gute Idee zum Testen von Webseiten in verschiedenen Browsern, um sicherzustellen, dass sie mit verschiedenen Plattformen kompatibel sind.