Konten yang diperkenalkan adalah analisis terperinci dari metode penggunaan atribut untuk tag <label> di HTML5. Situs web ini berisi analisis terperinci tentang metode penggunaan atribut untuk tag <label> dalam artikel ini, dan menjelaskan tag label HTML5 yang relevan untuk teknologi atribut dan pengetahuan dalam artikel. Selamat datang untuk memberi Anda beberapa dukungan dan bantuan dalam hal ini! Berikut ini adalah detailnya:
Konten yang diperkenalkan adalah analisis terperinci dari metode penggunaan atribut untuk tag <label> di HTML5.
Di bagian Create a Set of Radio Buttons dari Tutorial HTML tentang FreeCodecamp, saya melihat bagian ini,
Ini dianggap sebagai praktik terbaik untuk mengatur atribut untuk elemen label, dengan nilai yang cocok dengan nilai atribut ID dari elemen input. Ini memungkinkan teknologi bantu untuk menciptakan hubungan terkait antara label dan elemen input anak.
Arti yang kasar adalah: cara terbaik untuk melakukannya adalah dengan menambahkan for untuk tag label , dan nilainya sama dengan nilai atribut id dari tag input untuk membuat hubungan antara label dan input.
Pada saat yang sama, kode sampel diberikan, sebagai berikut:
<!-Kode 1-> <label untuk = indoor> <input id = indoor type = nama radio = indoor-outdoor> indoor </label>
Dalam kode, nilai atribut untuk label sama dengan nilai atribut ID dari input. Dari kode ini, Anda tidak dapat melihat di mana asosiasi itu.
Definisi atribut label adalah sebagai berikut:
Atribut untuk menentukan elemen bentuk mana label terikat.
Terjemahan: Atribut untuk menentukan elemen mana dalam bentuk yang terikat.
Kode contoh:
<!-Kode 2-> <Form Action =/action_page.php> <input type = nama radio = ID gender = nilai pria = pria> <label for = jantan> pria </label> <br> <input type = nama radio = gender id = nilai wanita = <label untuk = wanita> </label <br> <input type = name name = name = gender = Nilai gender = Nilai lain = Nilai gender = gender = PEMBUAT PEMBUAAN> LAING LAIN type = Kirim Nilai = Kirim> </form>
Membandingkan dua potong kode, tidak sulit untuk mengetahuinya.
Hubungan inklusi antara label dan tag input berbeda. Label dan input kode 1 termasuk dalam hubungan inklusi, sedangkan label dan input kode 2 relatif independen.
Label dan input diatur secara berbeda pada halaman. Melalui alat pengembang Chrome, tidak sulit untuk menemukan bahwa hasil yang berjalan dari kode 1, tag label mencakup tag input, hasil berjalan kode 2, tag label dan tag input disejajarkan.
Label dan input sesuai satu per satu. Klik konten label dan tombol tunggal yang sesuai akan dipilih.
Jika kami menghapus atribut label untuk dua kode, maka titik 1 dan titik 2 sebelumnya tetap tidak berubah, dan perubahannya adalah titik 3. Untuk hasil operasi kode 1, klik konten label dan Anda masih dapat memilih tombol radio. Kode 2 berbeda. Jika Anda mengklik konten label, tombol radio tidak dapat dipilih.
Setelah perbandingan sederhana dari hasil yang menjalankan kode, kami dapat memverifikasi bahwa bagian yang dikutip pada awal artikel itu benar. Praktik menambahkan atribut ke label ini dapat meningkatkan kualitas kode.
Analisis terperinci dari metode penggunaan atribut untuk tag <label> di HTML5 ada di sini. Anda dapat menandai URL halaman ini http://www.vevb.com/web/a/2018090496006.shtml untuk mengaksesnya lain kali.