Yükleniyor...
HTML input nitelikleri
type dışında input kurallar ve ipuçları için nitelikler alır: required, placeholder, aralıklar.
Doğrudan yanıt
Sık kullanılan: name, id, value, placeholder, required, min, max, step, maxlength, pattern, disabled, readonly. Kullanıcıyı yönlendirir — önemli veriyi sunucuda da doğrulayın.
📊 Kullanışlı input nitelikleri
| Attribute | Role |
|---|---|
| placeholder | Hint text inside an empty field |
| required | Field must be filled before submit |
| min / max / step | Limits for number/date-like types |
| maxlength | Max characters for text-like types |
| pattern | Regex-like allowed pattern |
| disabled | Control not usable / not submitted |
| readonly | Visible but not editable |
Attributes on inputs
html
HTML Code
<label for="age">Age</label>
<input id="age" name="age" type="number" min="1" max="120" required>
<label for="code">Code</label>
<input id="code" name="code" type="text" maxlength="6" placeholder="ABC123" pattern="[A-Za-z0-9]{6}">Dene
- email
required+ placeholder - number min/max
- Boş gönder — tarayıcı mesajı
- kısa kodda maxlength
Kolay hatalar
- Sadece tarayıcı kontrolü
- gönderilmesi gereken alanda
disabled - aşırı karmaşık
pattern
Özet
- Nitelikler davranışı inceltir
- required, aralıklar, maxlength
- placeholder ipucu
- Her alana label
🧠 Bilginizi Test Edin
Başlamaya Hazır
Bilginizi Test Edin
Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör
5
Sorular
70%
Geçmek İçin
∞
Süre
∞
Deneme
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek