Heim >Web-Frontend >HTML-Tutorial >So verwenden Sie das Select-Tag des Formularsteuerelements

So verwenden Sie das Select-Tag des Formularsteuerelements

清浅
清浅Original
2018-12-11 14:43:447005Durchsuche


Das Formularsteuerelement-Auswahl-Tag wird verwendet, um eine Dropdown-Liste zu erstellen. Das 5a07473c87748fb1bf73f23d45547ab8-Tag wird verwendet, um die verfügbaren Optionen und andere Attribute zu definieren Legen Sie die Auswahlmerkmale des Formularsteuerelements usw. fest.

Heute werde ich die Verwendung von Form Control Select in HTML vorstellen. Es hat einen gewissen Referenzwert und ich hoffe, dass es für alle hilfreich sein wird.

[Empfohlener Kurs: HTML-Tutorial]

So verwenden Sie das Select-Tag des Formularsteuerelements

Tag auswählen

select wird zum Erstellen von Dropdown-Listen verwendet und kann zum Akzeptieren von Benutzereingaben in Formularen verwendet werden. Das 5a07473c87748fb1bf73f23d45547ab8-Tag in seinem Element wird hauptsächlich zum Definieren der verfügbaren Optionen in der Liste verwendet.

Beispiel: durch Auswahl Implementierung des Dropdown-Menüs case

 <select style="width:100px;height:30px;">
        <option>打球</option>
        <option>运动</option>
        <option>看电视</option>
    </select>

Das Rendering ist wie folgt:

So verwenden Sie das Select-Tag des Formularsteuerelements

Attribute auswählen:


Select verfügt über die folgenden drei neuen Attribute in HTML5:


Autofokus: bezieht sich auf den Textbereich, der angezeigt wird Wird nach dem Laden der Seite automatisch geändert. Beachten Sie, dass Internet Explorer 9 und frühere Versionen das Autofokus-Attribut des 221f08282418e2996498697df914ce4e nicht unterstützen.

form: Gibt ein oder mehrere Formulare an, zu denen der Textbereich gehört. Beachten Sie, dass Internet Explorer das Formularattribut nicht unterstützt.

erforderlich: bezieht sich auf den Bereich des Textbereichs und dieses Attribut wird derzeit nicht von allen gängigen Browsern unterstützt.

Größe: bezieht sich auf die Anzahl der sichtbaren Optionen im Dropdown-Liste.

deaktiviert: Zeigt an, dass die Verwendung der Dropdown-Liste verboten ist.

mehrere: Zeigt an, dass mehrere Optionen ausgewählt werden können.

Name: bezieht sich auf den Namen der Dropdown-Liste.

Beispiel: Setzen Sie die sichtbare Bibliographie der Dropdown-Liste auf 2 und mehrere Optionen können ausgewählt werden

 <select style="width:100px;height:40px;" multiple="multiple" size="2">
        <option>打球</option>
        <option>运动</option>
        <option>看电视</option>
    </select>

Die Darstellung ist wie folgt:

So verwenden Sie das Select-Tag des Formularsteuerelements

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass durch diesen Artikel jeder das Select-Tag verstehen und verwenden kann.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie das Select-Tag des Formularsteuerelements. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

In Verbindung stehende Artikel

Mehr sehen