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
Evet
Evet
Evet
Evet
Evet
Evet
Öznitellikler
Öznitelik
Değer
Açıklama
için
element_id
Geçerli etiketin hangi form öğesine ait olduğunu belirleyin.
form
form_id
Etiketin ilişkilendirileceği şekli / şekilleri belirtir. Öznitelik değeri, eleman tanımlayıcısıdı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:
Etiketi kullanma örneği Evet Hayır >
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 metin kutularımız için metin etiketlerini tanımlayan. Mevcut etiketin hangi form öğesine ait olduğunu belirlemek için for özelliğini kullandığımızı unutmayın. For özniteliğinin değeri, ihtiyacımız olan radyo düğmesinin global özniteliğinin değerine karşılık gelir.
İç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:
Kimlik onay kutusuna sahip bir onay kutusuna eklendim.
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:
etiket
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? öğesi, bir metin etiketini bir formla ilişkilendirmek için kullanılır alan. Etiket, kullanıcılara ilişkili giriş alanına girilmesi gereken değeri bildirmek için kullanılır. Satır içi görüntüle
Kod Örneği
Bir düzgün çalışması için, bir for özniteliğini içermesi gerekir. ilişkili olduğu. For özniteliğinin değeri, kimliğiyle (adla değil) eşleşmelidir öğesi.
(Form gönderimi ad ve etiket eşlemesine dayanır. Kimliğe bağlıdır. her iki öznitelikte de aynı değere sahip öğeler. Ve eğer bir onay kutusu ise, değer özniteliğinde aynı değeri ve öğenin içeriği olarak görebilirsiniz. öğesi.)
İsim Katılıyorum
Hüküm ve koşulları kabul ediyor musunuz?
Etiketler ve Kullanılabilirlik
Tabii ki, mümkün kullanmamak öğesini seçin ve işaretlenmemiş metni bir form alanının üzerine veya yanına koyun. Ancak bu iyi bir fikir değil. Eşleştirilmiş bir etikete sahip olmak sadece iyi anlambilimden daha fazlasıdır, iyi bir kullanılabilirliktir. Uygun şekilde işaretlenmiş bir etiketle, kullanıcı, odağı Bu, normal masaüstü ve dizüstü bilgisayarlarda kısmen yararlıdır, ancak dokunmatik ekranlı cep telefonlarında büyük bir fark yaratır.
Seçmek için bu etiketi tıklayın.
Seçmek için bu etiketi tıklayabilir misiniz?
div class \u003d ”render”\u003e
Seçmek için bu etiketi tıklayabilir misiniz?
Bu nedenle, temel kullanılabilirliğin yanı sıra, web sitenizi körler ve görme engelliler için veya internette gezinmek için ekran okuyucu kullanabilecek herkes için erişilebilir hale getirmek için aktif olarak çalışmak istersiniz. Etiketin form alanıyla ilişkilendirilmesi, ekran okuyucu kullanıcısının gören bir kullanıcı için neyin açık olduğunu bilmesini sağlar: hangi form alanlarına hangi kelimelerin eklendiğini.
Açıklama
HTML etiketi (İngilizceden çevrildi - etiket) öğenin metin etiketini tanımlar ... Görünüşte etiket normal metinden farklı değildir, ancak kullanıcının basitçe öğenin içinde bulunan metne tıklayarak bir form öğesi seçmesine izin verir. elementin kendisinden ziyade ... Mevcut etiketin hangi form öğesine ait olduğunu belirlemek için etiketin for özelliğini kullanın ... For özniteliğinin değeri, etiketin başvuracağı form öğesinin id özniteliğinin değerine eşit olmalıdır.
"For" özniteliği, öğesi elementin içinde olacak .
Öznitellikler
for: Etiketin başvuracağı form öğesine bir bağlantı kurar. Özniteliğin değeri, hedef öğenin tanımlayıcısıdır. Örnek »form: Etiketin ilişkilendirileceği formu belirtir. Öznitelik değeri, eleman tanımlayıcısıdır
veya aynı şeyi yalnızca for özelliğini kullanmadan
Bu örneğin bir tarayıcı penceresindeki sonucu.
Açıklama
Etiket
Öznitellikler
Komut dosyasını eşzamansız olarak yükler. Tüm sayfa tamamen yüklenene kadar komut dosyasının yürütülmesini geciktirir. Komut dosyasının yazıldığı programlama dilini ayarlar. Geçerli belgeye aktarılacak harici bir dosyadaki komut dosyasının adresi. Bir etiketin içerik türünü belirtir