Ausführliche Erläuterung der Verwendung der Tags „option' und „optgrup' im Optionsmenü des HTML-Formulars

Verwenden Sie das Option-Tag, um jedes Element in einem -Steuerelement zu definieren. Der Browser zeigt den Inhalt im -Tag als Element im Menü oder in der Scrollliste des -Tags an. Auf diese Weise kann der Inhalt nur aus reinem Text ohne jegliche Dekoration bestehen. Wert
-Attribut

Verwenden Sie das Wertattribut, um für jede Option einen Wert festzulegen. Wenn der Benutzer die Option auswählt, sendet der Browser ihn an den Server. Wenn das Wertattribut nicht angegeben ist, wird der Wert der Option auf den Inhalt des -Tags gesetzt. Schauen Sie sich die HTML-Optionen im folgenden Beispiel an:

coption value=dog>dog <option>dog

Beide haben den gleichen Wert. Der erste gibt den im Tag festgelegten Wert aus und der zweite ist standardmäßig auf den Inhalt des Tags festgelegt: „Hund“

ausgewähltes Attribut

Standardmäßig sind alle Optionen in Mehrfachauswahl--Tags deaktiviert

Status, sodass diese Optionen nicht in der Parameterliste enthalten sind, wenn der Client das Formular an den Server sendet. Durch die Aufnahme des ausgewählten Attributs in das -Tag können eine oder mehrere Optionen vom Benutzer vorab ausgewählt und dann abgewählt werden.

Die HTML-Version des ausgewählten Attributs hat keinen Wert. Die XHTML-Version hat den Wert selected=selected. Wenn keine Option explizit vorgewählt ist, wählt das -Tag des Radios die erste Option vor.

Label-Attribut

Wenn das Element dem Benutzer angezeigt wird, wird normalerweise der Inhalt im -Tag verwendet, um das Markup des Elements zu generieren. Wenn jedoch das Label-Attribut bereitgestellt wird, muss sein Wert als Label verwendet werden.

tag

Optionsmenüs in Formularen können sehr lang sein, was ihre Anzeige und Verwendung erschwert. In diesem Fall kann es hilfreich sein, einige verwandte Optionen zu

gruppieren und diese Gruppen dem Benutzer dann als verschachtelter Satz kaskadierender Menüs anzuzeigen. ist ein neu eingeführtes Tag in HTML 4.0, obwohl seine Verwendung begrenzt ist, es bietet diese Funktionalität für HTML- und XHTML-Formulare.

Nur ​​das -Tags verwendet werden und es darf nur das -Tag enthalten. Der Browser generiert Untermenüs für jedes -Tag im Hauptmenü In HTML können Sie beispielsweise mit ein Formularmenü anzeigen, das nach Ortsnamen geordnet ist!

<select name=state>
 <optgroup label=龙岗区>
      <option>布吉镇
      <option>坂田镇
</optgroup>
<optgroup label=宝安区>
      <option>龙华镇
      <option>西乡镇
</optgroup>
</select>

Da noch kein Browser das -Tag vollständig unterstützt (allgemeine Browser zeigen es einfach als Scrollmenü an), können wir es den Lesern nicht zur Verfügung stellen Zeigen Sie, wie ein solches Menü aussehen würde. Sie können jedoch den bekannten

Dropdown-Menüs sehr ähnlich sein, die eine häufige

Funktion der meisten grafischen Benutzeroberflächen sind. Bei Auswahl mit der Maus oder der Tastatur führt zu einem oder mehreren Menüs. In unserem „Bundesstaat“-Beispiel könnte es beispielsweise Untermenüs mit den Bezeichnungen „Nordosten“ und „Süden“ geben, und jedes Untermenü zeigt eine Liste der darin enthaltenen Bundesstaaten an.

Leider besteht das größte Hindernis des -Tags darin, dass es nicht verschachtelt werden kann, was die Untermenüs auf nur eine Ebene beschränkt. In zukünftigen Versionen von XHTML kann diese Einschränkung jedoch überschritten werden. Verwenden Sie das Label-Attribut, um den Titel eines Organisiert Elemente im Zusammenhang mit im

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung der Tags „option' und „optgrup' im Optionsmenü des HTML-Formulars. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!