HTML, web sayfalarının temel yapı taşlarından biri olan form elementleriyle zenginleşir. Bu form elementleri arasında kullanıcıdan bilgi almak veya veri göndermek için kullanılan input elemanları önemli bir yer tutar. HTML Input Types, kullanıcıların farklı türde veri girmelerini sağlayarak form işlemlerini çeşitlendirir. İşte HTML Input Types’ın birkaç örneği:
1. Text Input:
<input type="text" id="username" name="username" placeholder="Kullanıcı Adı">
Text input, kullanıcıdan metin almak için kullanılır. type özelliği “text” olarak ayarlanır.
2. Password Input:
<input type="password" id="password" name="password" placeholder="Şifre">
Password input, kullanıcının şifre girmesini sağlar. Girilen şifre genellikle gizli olarak gösterilir.
3. Checkbox:
<input type="checkbox" id="agree" name="agree" value="agree">
<label for="agree">Kullanım koşullarını kabul ediyorum.</label>
Checkbox, kullanıcının bir şeye onay verip vermediğini belirlemek için kullanılır. type özelliği “checkbox” olarak ayarlanır.
4. Radio Button:
<input type="radio" id="male" name="gender" value="male">
<label for="male">Erkek</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Kadın</label>
Radio button, kullanıcının bir seçenek arasında tek bir değeri seçmesini sağlar. Grup içindeki radio button’ların aynı name özelliğine sahip olmaları gerekir.
5. Number Input:
<input type="number" id="quantity" name="quantity" min="1" max="10" value="1">
Number input, sayı girişi almak için kullanılır. type özelliği “number” olarak ayarlanır. min ve max özellikleri ile belirli bir aralık belirlenebilir.
6. Date Input:
<input type="date" id="birthday" name="birthday">
Date input, kullanıcının bir tarih seçmesini sağlar. Tarayıcılar, kullanıcıya takvim aracılığıyla tarih seçme imkanı sunar.
HTML Input Types, form elementlerini daha işlevsel ve kullanıcı dostu hale getirmek için çeşitlendirir. Bu örnekler, farklı türde veri alımını destekler ve form tasarımında esnekliği artırır.