Wie Sie die Drop-Down-Menüs auf einer Webseite

February 5

Wie Sie die Drop-Down-Menüs auf einer Webseite

Drop-Down-Menüs können eine bequeme Möglichkeit zum Bereitstellen von mehreren Auswahlmöglichkeiten für Benutzer ohne viel Bildschirmimmobilien sein. Dropdown-Menüs innerhalb von Formen oder als Navigationstool können. Drop-Down-Menüs in eine Website zu erstellen ist recht einfach mit HTML-Code.

Anweisungen

1 Geben Sie die Syntax für ein Formular. Der Code für Dropdown-Menüs ist innerhalb eines Formulars enthalten. Positionieren Sie den Cursor, wo Sie das Dropdown-Menü beginnen wollen. Typ "< Formularname ="name">< / form >" wo "Name" ist der Name des Formulars.

2 Geben Sie die Syntax, um die Dropdown-Liste beginnen. Positionieren Sie den Cursor zwischen die Form öffnenden und schließenden Tags. Typ "< select Name ="Dropdown-Liste">< / wählen >" wo "Dropdown-Liste" ist der Name der Liste.

3 Geben Sie die Syntax für Dropdown-Listenfeld Elemente. Positionieren Sie den Cursor zwischen den öffnenden und schließenden Tags auswählen. Geben Sie den folgenden Code für jedes Element im Drop-Down-Menü: "< option Wert ="Aktion"> Element < / option >" wo "Action" ist was passiert, wenn der Benutzer die und "Element wählt" ist, was in der Dropdown Liste angezeigt wird.

4 Geben Sie die Syntax für die Schaltfläche. Positionieren Sie den Cursor nach der schließenden Tag auswählen, aber vor dem schließenden Tag Form. Geben Sie < Eingang Typ = "button" onClick="location=document.jump.menu.options[document.name.menu.selectedIndex].value;" Wert = "button namens" > "Schaltflächenname" wo ist was auf der Schaltfläche angezeigt wird.

5 Finden Sie im folgenden Beispiel. Kopieren Sie und fügen Sie den folgenden Code in Ihre Website. Formularname, Urls, Dropdown-Listenelemente und Name der Schaltfläche mit Ihren gewünschten Daten ersetzt.

< Formularname = "name" >< select Name = "Menü" >< option Value = "Startseite & Lt; / option" Rel = "Nofollow" Target = "_blank" > Http://lemonheaddesigns.com/home.html&quot;>home&lt;/option>< option Value = "über & Lt; / option" Rel = "Nofollow" Target = "_blank" > Http://lemonheaddesigns.com/about.htm&quot;>about&lt;/option>< option Value = "Portfolio- & Lt; / option" Rel = "Nofollow" Target = "_blank" > Http://lemonheaddesigns.com/portfolio.htm&quot;>portfolio&lt;/option>< / select >< Eingang Typ = "button" onClick="location=document.jump.menu.options[document.name.menu.selectedIndex].value;" Wert = "Gehe" >< / form >