Nasıl tıklanabilir bir etiket olan bir HTML onay kutusu oluşturmak için

SORU

9 HAZİRAN 2011, PERŞEMBE

Nasıl tıklanabilir bir etiket olan bir HTML onay kutusu oluşturmak için

(Nasıl bu etikete tıklayarak/checkbox kapatır anlamına gelir) tıklanabilir bir etiket olan bir HTML onay kutusu oluşturabilirim?

CEVAP

9 HAZİRAN 2011, PERŞEMBE

Yöntem 1: Sarma Etiket

label etiket içinde: onay kutusunu sarın

<label><input type="checkbox" name="checkbox" value="value">Text</label>

Yöntem 2: `for` Özniteliğini Kullanın

for öznitelik (id checkbox maç) kullanın:

<input type="checkbox" name="checkbox" id="checkbox_id" value="value">
<label for="checkbox_id">Text</label>

Açıklama

Diğer cevaplar estağfurullah beri, bir etiket 1 Giriş vardır ve for öznitelik atlayabilir, ve içindeki giriş için kabul edilir.

w3.org alıntı (benim vurgu ile):

[Öznitelik] açıkça başka bir kumanda ile etiket tanımlanan ilişkilendirir. Şimdiki zaman, bu öznitelik değeri aynı belge içinde başka bir kontrol ıd öznitelik değeri aynı olmalıdır.Zaman yok, etiket tanımlanan öğenin içeriği ile ilişkilidir.

Örtük olarak başka bir kontrol ile bir etiket ilişkilendirmekkontrol öğesi ETİKET öğesi içeriği arasında olmalıdır. Bu durumda, ETİKET sadece içerebilirbirelement kontrolü. Etiket kendisi ya da ilişkili kontrol önce ve sonra yerleştirilmiş olabilir.

Bu yöntemi kullanarak for bazı faydaları:

Hayır id her bir onay kutusu (büyük!) atamak gerekir.
Hayır <label> ekstra özniteliği kullanmanız gerekir.
Giriş bu tıklanabilir alan da etiketin tıklanabilir alan, bu yüzden orada değil iki ayrı yerler için tıklatın kontrol checkbox - tek kişi olursa olsun, ne kadar ayrı <input> ve gerçek etiket metin ve ne olursa olsun biraz CSS uygulamak için.

Biraz CSS ile Demo: http://jsfiddle.net/qYZFJ/

Bunu Paylaş: