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ş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Artorius FullPower

    Artorius Ful

    29 Temmuz 2007
  • Greater Than Gatsby Photoshop Actions & Lightroom Presets

    Greater Than

    11 ŞUBAT 2013
  • Thehalopianoplayer

    Thehalopiano

    4 ŞUBAT 2011