Wie Erstellen Dropdown-Liste Felder in HTML5

Dropdown-Listen in Formularen auf Ihrer Website sind eine gute Möglichkeit, Nutzer geben viele Optionen in einer kleinen Menge Platz auf dem Bildschirm. Sie verwenden zwei HTML-Tags eine Dropdown-Liste zu erstellen:

  • erstellt die Liste.

    Benutze einen Name Attribut mit dem Element der Liste zu nennen.

  • Eine Sammlung von Elementen identifiziert einzelnen Listenoptionen.

    Das Wert Attribut weist einen eindeutigen Wert für jedes Element.

Hier ist eine Markup-Beispiel für eine Dropdown-Liste:

Der Browser macht dieses Markup in einer Dropdown-Liste mit drei Elementen, wie in der Abbildung dargestellt.

bild0.jpg

Sie können Benutzer auch ermöglichen, aus einer Dropdown-Liste mehr als ein Element auswählen, indem Sie die Standardeinstellungen der Liste zu ändern:

  • Wenn Sie möchten, dass Ihre Benutzer in der Lage sein, mehr als eine Option zu wählen (durch Drücken der Strg [Windows] oder Befehl [Mac] Taste gedrückt, während Optionen in der Liste klicken), fügen Sie die mehrere Attribut mit dem Tag. Der Wert von mehrere ist mehrere.

    Wenn Sie einen geben Stand-alone-Attribut einen Wert, dieser Wert muss der gleiche wie der Name für das Attribut selbst sein (das heißt, beide mehrere und multiple = "multiple" legal sind).

  • Standardmäßig zeigt der Browser nur eine Option, bis der Benutzer das Dropdown-Menü Pfeil klickt auf den Rest der Liste angezeigt werden soll. Verwenden Sie die Größe Attribut mit dem Tag angeben, wie viele Möglichkeiten zu zeigen.

    Wenn Sie weniger als die Gesamtzahl der Optionen angeben, enthält der Browser eine Bildlaufleiste mit der Dropdown-Liste.

Sie können festlegen, dass eine der Optionen in der Dropdown-Liste bereits ausgewählt werden, wenn der Browser die Seite lädt, wie man sich ein Kontrollkästchen oder Optionsfeld angeben können ausgewählt werden. Fügen Sie einfach die ausgewählt Attribut für den Tag, das Sie als Standard verwenden möchten. Verwenden Sie diese Option, wenn eine Wahl sehr wahrscheinlich ist, zu wissen, dass Benutzer Ihre Standardauswahl schnell und einfach außer Kraft setzen können.

Ähnliche

Menü