Rumah >hujung hadapan web >tutorial css >Tutorial menggunakan label html label_Tutorial asas
Dalam Dreamweaver8, sebaik sahaja objek borang, kotak teks, dsb., saya tidak pernah memahami apa yang dilakukan oleh label ini baru sahaja melihatnya hari ini. Berikut penjelasannya:
Terdapat dua atribut dalam Label yang sangat berguna, satu adalah UNTUK dan satu lagi AKSESKEY.
UNTUK atribut
Fungsi: Menunjukkan elemen HTML untuk diikat pada teg Label Apabila anda mengklik teg ini, elemen terikat akan mendapat fokus.
Penggunaan:
Atribut ACCESSKEY:
Fungsi: Mewakili kekunci pintas yang mengakses elemen terikat pada tag Label Apabila anda menekan kekunci pintas, elemen terikat akan mendapat fokus.
Penggunaan:
Had: accessKey attribute Pintasan yang ditetapkan kekunci tidak boleh bercanggah dengan kekunci pintasan penyemak imbas, jika tidak, kekunci pintasan penyemak imbas akan diaktifkan terlebih dahulu.
Ulasan
Untuk mengikat LABEL kepada kawalan lain, tetapkan atribut FOR elemen LABEL kepada ID yang sama dengan kawalan. Mengikat LABEL pada sifat NAME kawalan tidak berguna. Walau bagaimanapun, untuk menyerahkan borang, anda mesti menentukan nama untuk kawalan yang terikat dengan elemen LABEL.
Terdapat dua cara untuk menambah garis bawah pada kekunci pintasan yang ditentukan. Sokongan teks kaya elemen LABEL membenarkan penambahan elemen U pada kedua-dua belah aksara kekunci pintasan yang ditentukan oleh atribut ACCESSKEY. Jika anda lebih suka menggunakan helaian gaya (CSS) untuk menggunakan gaya, anda boleh memasukkan aksara dalam SPAN dan menetapkan gaya kepada "penghiasan teks: garis bawah".
Jika pengguna mengklik LABEL, acara onclick pada LABEL akan dicetuskan dahulu, dan kemudian acara onclick pada kawalan yang ditentukan oleh atribut htmlFor akan dicetuskan. Menekan kekunci pintasan yang ditetapkan oleh LABEL akan menetapkan fokus tetapi tidak mencetuskan acara onclick.
Perkara yang perlu diambil perhatian:
1.
2. Elemen ini tersedia dalam HTML dan skrip Internet Explorer 4.0 dan ke atas.
3. Elemen ini ialah elemen sebaris.
4. Elemen ini memerlukan tag penutup.
Kod sampel elemen
Contoh berikut menggunakan elemen LABEL dan atribut ACCESSKEY untuk menetapkan fokus kotak teks.
Demo: