HTML <select> 标签

Definisi dan penggunaan

<select> Elemen digunakan untuk membuat senarai pilihan turun.

<select> Elemen biasanya digunakan di form untuk mengumpulkan input pengguna.

Selepas menghantar form, perlu menggunakan atribut name untuk mengambil data form (jika atribut name disorang, data di senarai pilihan turun tidak akan disampaikan).

<select> Dalam elemen Tag <option> Mendefinikan pilihan yang tersedia di senarai pilihan turun.

Perlu menggunakan atribut id untuk menyambungkan senarai pilihan turun dengan label (label).

Petikan:Selalu tambahkan <label> Tag Untuk praktek keaksesan yang terbaik!

Lihat juga:

Panduan DOM HTML:Objek Select

Tutori kalimat CSS:Set form gaya

Contoh

Contoh 2

Buat senarai pilihan turun yang mengandungi empat pilihan:

<label for="cars">Sila pilih merek kereta:</label>
<select name="cars" id="cars">
  <option value="audi">奥迪</option>
  <option value="byd">比亚迪</option>
  <option value="geely">吉利</option>
  <option value="volvo">沃尔沃</option>
</select>

Coba sendiri

Contoh 1

Contoh 2 <select> Gunakan bersamaan dengan tag <optgroup> :

<label for="cars">Sila pilih merek kereta:</label>
<select  name="cars" id="cars">
  <optgroup label="Kereta China">
    <option value="byd">比亚迪</option>
    <option value="geely">吉利</option>
  </optgroup>
  <optgroup label="Kereta Jerman">
    <option value="mercedes">奔驰</option>
    <option value="audi">奥迪</option>
  </optgroup>
</select>

Coba sendiri

Aturan

Aturan Nilai Penerangan
autofocus autofocus Pengaturan senarai pilihan turun seharusnya mendapatkan perhatian secara automatik semasa halaman dimuat.
disabled disabled Pengaturan seharusnya memutuskan senarai pilihan turun.
form id form Mendefinikan form yang milik senarai pilihan turun.
multiple multiple Pengaturan boleh memilih beberapa pilihan sekali.
name 名称 定义下拉列表的名称。
required required 规定在提交表单之前用户必须选择一个值。
size 数字 定义下拉列表中可见选项的数量。

全局属性

<select> 标签还支持 HTML 中的全局属性。

事件属性

<select> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

无。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持