Alle gängigen Browser unterstützen das -Tag.
Das
select-Element erstellt Einzelauswahl- oder Mehrfachauswahlmenüs.
Das Tag
im Element wird verwendet, um die in der Liste verfügbaren Optionen zu definieren.
Tipp: Das Select-Element ist ein Formularsteuerelement, mit dem Benutzereingaben in einem Formular akzeptiert werden können.
Eigenschaften
Neu: Neue Attribute in HTML5.
属性
值
描述
autofocus（5）
autofocus
规定在页面加载后文本区域自动获得焦点。
disabled
disabled
规定禁用该下拉列表。
form（5）
form_id 规定文本区域所属的一个或多个表单。
multiple
multiple
规定可选择多个选项。
name
name 规定下拉列表的名称。
required（5）
required
规定文本区域是必填的。
size
number 规定下拉列表中可见选项的数目。
Dieses Beispiel zeigt, wie man ein einfaches Dropdown-Listenfeld in einer HTML-Seite erstellt. Das Dropdown-Listenfeld ist eine auswählbare Liste.
<html>
<body>
<form>
<<span style="color: #0000ff;">select</span> name=<span style="color: #800000;">"</span><span style="color: #800000;">cars</span><span style="color: #800000;">"</span>>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">volvo</span><span style="color: #800000;">"</span>>Volvo</option>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">saab</span><span style="color: #800000;">"</span>>Saab</option>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">fiat</span><span style="color: #800000;">"</span>>Fiat</option>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">audi</span><span style="color: #800000;">"</span>>Audi</option>
</<span style="color: #0000ff;">select</span>>
</form>
</body>
</html> Nach dem Login kopieren
Dieses Beispiel zeigt, wie man eine einfache Dropdown-Liste mit vorgewählten Werten erstellt. (Anmerkung des Übersetzers: Vorab ausgewählte Werte beziehen sich auf vorab festgelegte Präferenzen.)
<html>
<body>
<form>
<<span style="color: #0000ff;">select</span> name=<span style="color: #800000;">"</span><span style="color: #800000;">cars</span><span style="color: #800000;">"</span>>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">volvo</span><span style="color: #800000;">"</span>>Volvo</option>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">saab</span><span style="color: #800000;">"</span>>Saab</option>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">fiat</span><span style="color: #800000;">"</span> selected=<span style="color: #800000;">"</span><span style="color: #800000;">selected</span><span style="color: #800000;">"</span>>Fiat</option>
<option value=<span style="color: #800000;">"</span><span style="color: #800000;">audi</span><span style="color: #800000;">"</span>>Audi</option>
</<span style="color: #0000ff;">select</span>>
</form>
</body>
</html> Nach dem Login kopieren
Anhang: Objekt auswählen
Objekt auswählen stellt eine Dropdown-Liste in einem HTML-Formular dar.
In einem HTML-Formular wird jedes Mal, wenn das -Tag erscheint, ein Select-Objekt erstellt.
Sie können auf ein Select-Objekt zugreifen, indem Sie das Elements[]-Array des Formulars durchlaufen oder document.getElementById() verwenden.
Objektsammlung auswählen
集合
描述
options[]
返回包含下拉列表中的所有选项的一个数组。
Objekteigenschaften auswählen
属性
描述
disabled
设置或返回是否应禁用下拉列表。
form
返回对包含下拉列表的表单的引用。
id
设置或返回下拉列表的 id。
length
返回下拉列表中的选项数目。
multiple
设置或返回是否选择多个项目。
name
设置或返回下拉列表的名称。
selectedIndex
设置或返回下拉列表中被选项目的索引号。
size
设置或返回下拉列表中的可见行数。
tabIndex
设置或返回下拉列表的 tab 键控制次序。
type
返回下拉列表的表单类型。
Standardeigenschaften
属性
描述
className
设置或返回元素的 class 属性。
dir
设置或返回文本的方向。
lang
设置或返回元素的语言代码。
title
设置或返回元素的 title 属性。
Objektmethode auswählen
方法
描述
add()
向下拉列表添加一个选项。
blur()
从下拉列表移开焦点。
focus()
在下拉列表上设置焦点。
remove()
从下拉列表中删除一个选项。
Objekt-Ereignishandle auswählen
事件句柄
描述
onchange
当改变选择时调用的事件句柄。
Was ist eine Suchmaschine?
Was sind die Parameter des Festzeltes?
So lösen Sie das Problem, dass der DNS-Server nicht reagiert
So lösen Sie das Problem „Berechtigung verweigert'.
So lösen Sie das Problem, dass der Geräte-Manager nicht geöffnet werden kann
So wechseln Sie die Einstellungen zwischen Huawei-Dual-Systemen
Warum öffnet sich die mobile Festplatte so langsam?
So entfernen Sie HTML-Code
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
