Di Dreamweaver, segera setelah objek formulir atau formulir, kotak teks, dll. Ditambahkan, A <label> </label> akan ditambahkan ke kode. Saya tidak pernah mengerti apa yang dilakukan label ini. Saya kebetulan melihat penjelasannya hari ini:
Ada dua properti dalam label yang sangat berguna, satu untuk dan yang lainnya adalah AccessKey.
Untuk atribut
Fungsi: Menunjukkan elemen HTML yang terikat label. Saat Anda mengklik tag ini, elemen terikat akan mendapatkan fokus.
Penggunaan: <Label untuk = InputBox> Nama </Label> <Input ID = InputBox Type = Text>
Atribut AccessKey:
Fungsi: Hotkey yang mengindikasikan akses ke elemen yang terikat ke tag label. Saat Anda menekan hotkey, elemen terikat akan mendapatkan fokus.
Penggunaan: <Label untuk = InputBox AccessKey = N> Nama </LABEL> <INPUT ID = InputBox type = Text>
Keterbatasan: Kunci pintas yang ditetapkan oleh properti AccessKey tidak dapat bertentangan dengan kunci pintasan browser, jika tidak, kunci pintasan browser akan diaktifkan terlebih dahulu.
Komentar
Untuk mengikat label ke kontrol lain, atur properti untuk elemen label ke ID yang sama dengan kontrol. Label yang mengikat ke properti nama kontrol tidak berguna. Namun, untuk mengirimkan formulir, Anda harus menentukan nama untuk kontrol yang diikat elemen label.
Ada dua cara untuk menggarisbawahi kunci pintasan yang ditentukan. Teks kaya dari elemen label mendukung menambahkan elemen U ke kedua sisi karakter kunci pintasan yang ditentukan oleh atribut AccessKey. Jika Anda lebih suka menggunakan Style Sheets (CSS) untuk menerapkan gaya, Anda dapat memasukkan karakter dalam rentang dan mengatur gaya ke dekorasi teks: garis bawah.
Jika pengguna mengklik label, acara OnClick pada label dipicu terlebih dahulu, dan kemudian acara OnClick pada kontrol yang ditentukan oleh properti HTMLFOR dipicu. Menekan tombol pintasan yang ditetapkan oleh label akan mengatur fokus tetapi tidak akan memicu acara OnClick.
Hal -hal yang perlu diperhatikan:
1. Label tidak diizinkan untuk bersarang.
2. Elemen ini tersedia dalam HTML dan skrip untuk Internet Explorer 4.0 dan di atasnya.
3. Elemen ini adalah elemen inline.
4. Elemen ini perlu menutup tag.
Kode Sampel Elemen
Contoh berikut menggunakan elemen label dan atribut AccessKey untuk mengatur fokus kotak teks.
- <LABELFOR = OCTRLIDACCESSKEY = 1>
- <VanStyle = Text-Decoration: Underline;> Nama </span>: <fontColor =#999999> Tekan Alt+1 ke kotak teks </font>
- </label>
- <InputType = textName = txt1Value = Ah ukuran huinan = 20tabIndex = 1id = octrlid>