Umutsuz yazıt html. HTML formları nasıl yapılandırılır. Zaman uyumsuz ve erteleme nitelikleri, komut dosyasını yürütmenin yollarıdır

Görünüşte etiket, sıradan metinden farklı değildir, ancak bu sayede kullanıcı, öğenin içinde bulunan metne tıklayarak form öğesini seçebilir.

Tarayıcı desteği

Etiket
Opera

IExplorer

Kenar
EvetEvetEvetEvetEvetEvet

Öznitellikler

ÖznitelikDeğerAçıklama
içinelement_idGeçerli etiketin hangi form öğesine ait olduğunu belirleyin.
formform_id

Etiketin ilişkilendirileceği şekli / şekilleri belirtir. Öznitelik değeri, eleman tanımlayıcısıdır

("anlamı bu"\u003e). Bu özellik, etiketleri yalnızca etiketin içine değil, belirli bir belgede herhangi bir yere yerleştirmenize olanak tanır . Bu özellik 28 Nisan 2016'da HTML spesifikasyonundan kaldırıldı, ancak komut dosyalarının salt okunur erişimi vardır HTMLLabelElement.form (etiketin ilişkili olduğu formu veya etiket formla ilişkilendirilmemişse "0" ı döndürür).

Kullanım örneği

Mevcut etiketin hangi form öğesine ait olduğunu belirlemek için etiketin for özelliğini kullanın

Bir kullanım örneğine bakalım:

</span>Etiketi kullanma örneği <label><span> >

Bu örnekte biz:

  • İçeride ilk formlar:
    • Gönderildi iki radyo düğmeleri ( ) sınırlı sayıda seçenekten birini seçmek için. Yine bir formun içindeki radyo düğmeleri için aynı adı belirtmelisinizbelirlediğimiz değerler farklı. İçin ilk kontrol, bu öğenin sayfa yüklenirken önceden seçilmesi gerektiğini belirtir (bu durumda, evet değerine sahip bir radyo düğmesi). Ek olarak, eleman için benzersiz bir tanımlayıcı tanımlayan radyo düğmeleri için global nitelikler belirledik.
    • İki öğe yerleştirildi
  • İçeride ikinci formlar:
    • Gönderildi iki radyo düğmeleri ( ) sınırlı sayıda seçenekten birini seçmek için. İçin ikinci özniteliği belirttiğimiz radyo düğmeleri

Etiket, bir öznitelik kullanılarak belirli bir giriş alanına bağlıdır için... Etiketin eklendiği giriş alanının özniteliğinin değerini içermelidir. Ayrıca, bu öğe etiket etiketinin içine yerleştirilirse etiket bir öğeye tutturulur. Bu durumda, for özelliğini belirtmenize gerek yoktur. Daha iyi anlamak için örneklere bakın.

Bir etikete tıklandığında, ona ekli olanlar veya durumlarını işaretli durumdan işaretsiz olarak değiştirecek ve bunun tersi de geçerlidir. Bu durumda, kolaylık sağlamak için etiket gereklidir: imleçle küçük form öğelerine vurmak zordur ve uzun bir etikete metinle vurmak çok daha kolaydır.

Bir giriş türü metin kutusu etikete bağlıdır ve giriş odağını alır. Odaklanma - bu, giriş alanında imleç yanıp söndüğünde, bu durumda, klavyede bir şey yazarsanız, metin bu alana düşecektir (gelişmiş bir odak anlayışı için odak sözde sınıfa bakın).

Etiket etiket simüle etmek için kullanılabilir veya. Bu, kendi tasarımınızla bir onay kutusu veya radyo yapmak için gereklidir (CSS'de yasaktır, ancak zor hileler yardımı ile mümkündür).

Öznitellikler

Bir örnek. Onay kutusu

Bir öznitelik kullanarak onay kutusuna bir etiket bağlayalım için... Etikete tıkladığınızda, onay kutusunun işaretli durumdan işaretsiz duruma veya tam tersi durumda bir değişiklik göreceksiniz:

Bir örnek. İç etiket

Şimdi etiketi for özniteliğine bağlamayalım, ancak öğeleri doğrudan etiket etiketine yerleştirelim, bu durumda etiket metnine tıklamak da öğeyi etkinleştirecektir:

Açıklama: Desteğiniz sitenin çalışmaya devam etmesine yardımcı olur! Bu sayfada önerdiğimiz bazı hizmetler için tavsiye ücreti alıyoruz. Daha fazla bilgi edin

Paylaşmak önemsemektir!

HTML'de Ne Yapar: Kod Örneği ile Kolay Eğitim?