Rumah > Artikel > hujung hadapan web > Bagaimana untuk Membuat HTML Pilih Medan Diperlukan?
Bagaimana untuk Membuat HTML Pilih Medan Diperlukan?
- Barbara Streisandasal
- 2024-10-30 10:25:03744semak imbas
Mengesahkan Input Pengguna dalam Medan Pilih HTML dengan Atribut Diperlukan
Walaupun kehadirannya dalam elemen bentuk HTML lain, atribut yang diperlukan tidak disokong secara asli oleh medan pilih HTML. Walau bagaimanapun, terdapat kaedah untuk mencapai fungsi ini.
Prasyarat:
- Pengisytiharan jenis dokumen HTML5 yang sah (cth., )
- Dinamakan medan input dalam elemen pilih (cth., name="some_name")
Pelaksanaan:
Untuk mewajibkan medan pilihan, pastikan perkara berikut:
-
Nilai Pertama Kosong: Pilihan pertama dalam senarai pilih harus mempunyai nilai kosong (cth.,
). Ini berfungsi sebagai pemegang tempat untuk pemilihan kosong. - Atribut Diperlukan: Tambahkan atribut yang diperlukan pada elemen pilih (cth.,
Contoh:
<code class="html"><select name="somename" required> <option value="">Please select</option> <option value="one">One</option> </select></code>
Penjelasan:
Menurut spesifikasi HTML5, apabila syarat berikut dipenuhi, nilai pertama yang kosong berfungsi sebagai pemegang tempat:
- Elemen pilih mempunyai atribut yang diperlukan.
- Elemen tidak mempunyai atribut berbilang.
- Saiz paparan ialah 1 (iaitu, tiada atribut SIZE atau SIZE="1 ").
- Nilai pilihan pertama ialah rentetan kosong (cth., value="").
Atas ialah kandungan terperinci Bagaimana untuk Membuat HTML Pilih Medan Diperlukan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Cara Menangkap Peristiwa Nyahpilihan Butang Radio: Melangkaui Had onChangeArtikel seterusnya：Cara Menangkap Peristiwa Nyahpilihan Butang Radio: Melangkaui Had onChange
Artikel berkaitan
Lihat lagi- Analisis mendalam bagi komponen kumpulan senarai Bootstrap
- Penjelasan terperinci tentang fungsi JavaScript kari
- Contoh lengkap penjanaan kata laluan JS dan pengesanan kekuatan (dengan muat turun kod sumber demo)
- Angularjs menyepadukan UI WeChat (weui)
- Cara cepat bertukar antara Cina Tradisional dan Cina Ringkas dengan JavaScript dan helah untuk tapak web menyokong pertukaran antara kemahiran_javascript Cina Ringkas dan Tradisional