HTML-Optionen für den ausgewählten Tag

October 18

HTML-Optionen für den ausgewählten Tag

Das < auswählen > HTML-Tag wird verwendet, eine Dropdown Liste als Teil eines Formulars erstellen. Jedes Element wird mit < Option > Markierungen innerhalb der Öffnung < auswählen > und schließenden < / select > Tags verschachtelt zum Erstellen der Liste festgelegt. Die Auswahlliste ist häufig innerhalb eines HTML-Formulars als Teil der Sammlung von Benutzereingaben integriert. Die SELECT-Anweisung hat optionalen Attribute, die festgelegt werden können, um dieses Element Aussehen und Verhalten zu ändern.

Das Attribut Optional "Größe"

Auch das Attribut "Größe" in der < Select > bedeutet die Anzahl der < Option > Elemente, die der Benutzer in das Bildlauffeld sieht. Ohne das Size-Attribut < Select > sieht aus und verhält sich wie eine Dropdown Liste, aber sobald das Size-Attribut angegeben wird, wird es einem bildlauffähigen Listenfeld.

Das Size-Attribut wird die < Select > wie im folgenden Code hinzugefügt:

< wählen Sie Größe = 4 >

Element One < Option > < / option >

< Option > Item zwei < / option >

< Option > Item drei < / option >

< Option > Item vier < / option >

< / select >

Das optionale "Mehrere" Attribut

Das "multiple"-Attribut von < Select > ermöglicht einem Benutzer mehrere Elemente in der Liste auswählen. Um mehr als ein Element aus der Liste auszuwählen, muss die STRG-Taste "CTRL" gleichzeitig mit der Maus-Klick deprimiert sein. Wenn das multiple-Attribut nicht enthalten ist, kann nur ein Element aus der Liste ausgewählt werden.

Das multiple-Attribut wird die < Select > wie im folgenden Code hinzugefügt:

< wählen Sie mehrere >

Element One < Option > < / option >

< Option > Item zwei < / option >

< Option > Item drei < / option >

< Option > Item vier < / option >

< / select >

Das multiple-Attribut hinzufügen ändert die Darstellung der der < Select > Liste in eine Dropdown-Liste auf eine scrollbare Box.

Das optionale "Deaktiviert" Attribut

Das Attribut "deaktivierte" < auswählen > hinzufügen macht die Liste für den Benutzer sichtbar, aber nicht für die Verwendung verfügbar. Das disabled-Attribut für < Select > folgt W3C Konvention für deaktivierte Steuerelemente und geben nicht den Wert des Elements zur Verarbeitung an dem Server, wenn Sie das Formular einreichen.

Das disabled-Attribut wird die < Select > wie im folgenden Code hinzugefügt:

< Option deaktiviert >

Element One < Option > < / option >

< Option > Item zwei < / option >

< Option > Item drei < / option >

< Option > Item vier < / option >

< / select >

Das Attribut Optional "Tabidex"

Hinzufügen der optionalen "Tabindex" diktiert-Attribut auf die < Select > die Taste-Reihenfolge des Elements < Select > als Benutzer Registerkarten durch das Dokument mit der "tab"-Taste.

Das Tabindex-Attribut wird die < Select > wie im folgenden Code hinzugefügt:

< wählen Sie Tabindex = 2 >

Element One < Option > < / option >

< Option > Item zwei < / option >

< Option > Item drei < / option >

< Option > Item vier < / option >

< / select >