Combo-Box

Combo-Box genannt einen anderen Drop-down-Menü, eine der flexiblen und benutzerfreundlichen Formularelemente. Abhängig von den Einstellungen in der Liste kann einen oder mehrere Werte auswählen. Der Vorteil der Liste in seiner Kompaktheit kann es nur eine Linie, nehmen aber die vollständige Liste Notwendigkeit, klicken Sie darauf, um zu sehen. Dies ist jedoch ein Nachteil, weil der Benutzer nicht sofort die gesamte Auswahl zu sehen.

Kombinationsfeld wird wie folgt erstellt.

<Wählen Sie Optionen>
<Option Einstellungen> Option 1 </ option>
<Option> Option 2 </ option>
<Option> Option 3 </ option>
</ Select>

Tags <SELECT> und <OPTION> hat die folgenden Parameter (Tabelle. 1).

Tabelle. 1. Die Parameter des Feldes mit der Liste
Parameter
wählen
Beschreibung
Name Feld Name. Es ist beabsichtigt, Handler zu bilden, um die Liste zu identifizieren.
Größe Die Anzahl der sichtbaren Zeilen. In der Standardeinstellung eine Zeile.
mehrere Mit dieser Option können Sie mehrere Zeilen auswählen. Die Auswahl erfolgt über die Steuerung oder Shift-Taste.
Parameter Option Beschreibung
ausgewählt Standard Visible Feld.
Wert Bestimmt den Wert zu werden, um den Server mit dem ausgewählten Listenelement gesendet.

Erstellen Sie eine Liste mit dem Tag <SELECT> und <OPTION> ist in Beispiel 1 gezeigt.

Beispiel 1. Combo-Box

gültig HTML
<DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict.dtd">
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Titel> Combo Box </ title>
</ Head>
<Body>

<Form action = "/ cgi-bin / handler.cgi">
<P> <b> Wie denken Sie steht für die Abkürzung "OS"? </ B> </ p>
<P> <select name = "OS">
<Option> Officers </ option>
<Option> Betriebssystem </ option>
<Option> Big gestreifte Fliegen </ option>
</ Select> </ p>
</ Form>

</ Body>
</ Html>

Als Ergebnis erhalten wir die folgende (siehe Abb. 1).

Fig. 1

Fig. 1. Sehen Sie sich die Liste offenbart

© Erklärung Copyright www.htmlbook.ru