Rumah > Artikel > hujung hadapan web > Bagaimana untuk menyediakan kotak drop-down html
Bagaimana untuk menyediakan kotak drop-down html
- PHPzasal
- 2023-04-27 16:38:237157semak imbas
HTML (Hypertext Markup Language) ialah bahasa pembangunan web yang biasa digunakan dan kotak lungsur sering diperlukan dalam halaman web. Kotak lungsur ialah kawalan interaktif yang biasa digunakan, biasanya digunakan untuk membolehkan pengguna memilih satu daripada berbilang pilihan. Menyediakan kotak drop-down dalam HTML adalah sangat mudah Artikel ini akan memperkenalkan cara untuk menyediakan kotak drop-down HTML.
Cara menyediakan kotak lungsur turun HTML
Kotak lungsur turun HTML dibuat melalui teg
rreeeAntaranya, teg
Berikut ialah contoh kotak lungsur turun mudah:
<select> <option value="选项1">选项1</option> <option value="选项2">选项2</option> <option value="选项3">选项3</option> …… </select>
Kod ini akan menjana kotak lungsur turun yang mengandungi tiga pilihan.
Atribut kotak lungsur turun
Dengan menambahkan atribut, anda boleh menetapkan pelbagai atribut kotak lungsur, seperti memilih pilihan, menetapkan saiz kotak lungsur , dsb.
Berikut ialah beberapa atribut yang biasa digunakan:
- atribut terpilih
<select> <option value="选项1">选项1</option> <option value="选项2">选项2</option> <option value="选项3">选项3</option> </select>
Atribut yang dipilih boleh digunakan untuk menetapkan pilihan lalai drop- kotak bawah Jika dipilih tidak ditetapkan, atribut, pilihan lalai ialah pilihan pertama.
- atribut berbilang
Atribut berbilang boleh menjadikan kotak lungsur menyokong berbilang pilihan. Setelah berbilang pilihan dipilih, anda boleh menyahpilihnya dengan menahan kekunci Ctrl dan mengklik pada pilihan.
- atribut saiz
<option selected value="选项1">选项1</option>
Atribut saiz boleh menetapkan bilangan pilihan yang boleh dipaparkan oleh kotak lungsur. Jika bilangan pilihan melebihi nombor yang ditentukan, bar skrol muncul untuk memaparkan pilihan tambahan.
- atribut dilumpuhkan
<select multiple> <option value="选项1">选项1</option> <option value="选项2">选项2</option> <option value="选项3">选项3</option> </select>
Atribut yang dilumpuhkan boleh menjadikan kotak lungsur tidak tersedia dan melarang pengguna membuat pilihan.
- atribut nama
<select size="5"> <option value="选项1">选项1</option> <option value="选项2">选项2</option> <option value="选项3">选项3</option> </select>
Atribut nama digunakan untuk menentukan nama kotak drop-down Atribut ini biasanya digunakan untuk penyerahan borang atau mengakses drop-. kotak bawah dalam JavaScript.
- onchange attribute
<select disabled> <option value="选项1">选项1</option> <option value="选项2">选项2</option> <option value="选项3">选项3</option> </select>
onchange attribute boleh digunakan untuk menetapkan fungsi pemprosesan selepas pilihan kotak drop-down ditukar.
Di atas adalah kaedah tetapan kotak lungsur HTML saya harap pembaca dapat menguasainya.
Atas ialah kandungan terperinci Bagaimana untuk menyediakan kotak drop-down html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!