Input Öznitelikleri
Coddy'nin HTML Journey'sinin Fundamentals bölümünün bir parçası — ders 37 / 60.
Metin girişleri için diğer bazı faydalı öznitelikler şunlardır:
placeholder: Giriş alanının beklenen değerini açıklayan kısa bir ipucu sağlar (örneğin, "Enter your name").value: Giriş alanının başlangıç değerini ayarlar.maxlength: Giriş alanında izin verilen maksimum karakter sayısını belirtir.
İşte yer tutucuya sahip bir metin girişinin nasıl oluşturulacağına dair bir örnek:
<input type="text" name="username" placeholder="Enter username">Bu örnekte, "username" adına ve "Enter username" ifadesini içeren bir yer tutucuya (placeholder) sahip bir metin girişimiz var. Giriş alanı boş olduğunda, yer tutucu metin alanın içinde görüntülenecektir. Kullanıcı yazmaya başladığında, yer tutucu metin kaybolacaktır.
Görev
KolayAşağıdaki metin giriş alanlarını içeren bir formun bulunduğu bir HTML belgesi oluşturun:
- Adı "firstname" olan ve yer tutucusu "Enter your first name" olan bir metin girişi.
- Adı "lastname" olan ve yer tutucusu "Enter your last name" olan bir metin girişi.
- Adı "email" olan ve yer tutucusu "Enter your email" olan bir metin girişi. Bu girişin maksimum uzunluğunu 50 karakter olarak ayarlayın.
Kopya kağıdı
Metin girişleri için kullanışlı öznitelikler:
placeholder: Giriş alanının beklenen değerini açıklayan kısa bir ipucu sağlarvalue: Giriş alanının başlangıç değerini ayarlarmaxlength: Giriş alanında izin verilen maksimum karakter sayısını belirtir
Yer tutuculu (placeholder) bir metin girişi örneği:
<input type="text" name="username" placeholder="Enter username">Yer tutucu metin, giriş alanı boş olduğunda görüntülenir ve kullanıcı yazmaya başladığında kaybolur.
Kendin dene
<!DOCTYPE html>
<html>
<body>
<!-- Kodunuzu buraya yazın -->
</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