Input Öznitelikleri
Coddy'nin HTML Journey'sinin Temeller 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ında beklenen değeri açıklayan kısa bir ipucu sağlar (ör. "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, adı "username" olan ve "Kullanıcı adını girin" yer tutucusuna sahip bir metin girişi bulunmaktadır. Giriş alanı boş olduğunda, yer tutucu metin alanın içinde görüntülenir. Kullanıcı yazmaya başladığında yer tutucu metin kaybolur.
Görev
KolayAşağıdaki metin giriş alanlarını içeren bir HTML belgesi oluştur:
- "firstname" adına ve "Enter your first name" yer tutucusuna sahip bir metin girişi.
- "lastname" adına ve "Enter your last name" yer tutucusuna sahip bir metin girişi.
- "email" adına ve "Enter your email" yer tutucusuna sahip bir metin girişi. Bu girişin maksimum uzunluğunu 50 karakter olarak ayarla.
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.
Temeller 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 ListesiKendi başına pratik yap: Web playground