Inputlar için Etiketler
Coddy'nin HTML Journey'sinin Fundamentals bölümünün bir parçası — ders 39 / 60.
Bir etiket olmadan, bir girişin (input) ne hakkında olduğu her zaman çok net değildir. Bir etiket, kullanıcılara o alanda ne tür bir giriş beklendiğine dair net bir görsel ipucu verir. Etiketler, <label> etiketi kullanılarak oluşturulur.
İşte temel sözdizimi:
<label for="field">Label text</label>
<input type="text" id="field"><label>: Etiketi oluşturan etiket.
for: Etiket ile bir form alanı arasındaki bağlantı.fordeğeri, form alanınıniddeğeri ile eşleşmelidir.
- Etiket metni: Form alanının ne için olduğunu açıklayan metin.
<input>: Etiketin atıfta bulunduğu form alanı.
id: Form alanı için, etikettekiforözniteliğiyle eşleşen benzersiz tanımlayıcıdır.
Görev
Kolay<form> etiketinin içine aşağıdaki etiketleri ekleyin:
- Metni 'First Name:' olan ve
forözniteliği 'firstname' olarak ayarlanmış bir<label>. type="text"olan bir<input>alanı.<input>alanı, etiketinforözniteliğiyle eşleşen biriddeğerine sahip olmalıdır.
Kopya kağıdı
Etiketler, <label> etiketini kullanarak form girişleri için net görsel ipuçları sağlar:
<label for="field">Label text</label>
<input type="text" id="field">Düzgün bir bağlantı oluşturmak için etiketteki for özniteliği, ilgili giriş alanının id özniteliği ile eşleşmelidir.
Kendin dene
<!DOCTYPE html>
<html>
<body>
<form>
<!-- Kodu buraya yazın -->
</form>
</body>
</html>
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Fundamentals bölümündeki tüm dersler
1HTML Temelleri
HTML Nedir?HTML'in Temel YapısıEtiketler ve Elementlerİç İçe Geçirme ve Kapatma EtiketleriHTML'de Yorumlar7Kişisel Profil Sayfası
Projeye Genel BakışHeader Bölümü
Profil ResmiHakkımda BölümüSosyal Bağlantılar2Metin ve Biçimlendirme
BaşlıklarParagraflarSatır SonlarıKalın ve İtalik MetinYeniden Kalın ve İtalikÖzet - Biçimlendirme8Formlar ve Inputlar Bölüm 1
Form TemelleriMetin InputlarıInput ÖznitelikleriŞifre AlanıInputlar için EtiketlerÖzet - Temel Form11Etkinlik Kayıt Sayfası
Projeye Genel BakışHeader BölümüEtkinlik Detayları BölümüKayıt FormuFooter Bölümü9Formlar ve Girdiler Bölüm 2
Radyo DüğmeleriOnay KutularıAçılır MenülerButonlarFormlardaki ButonlarÖzet - Formlar #1Özet - Formlar #212Final Meydan Okumaları
Basit Profil KartıEtkinlik Davetiye KartıBasit Makale SayfasıFavori Kitaplar Listesi