Formlarda en çok kullanılan elemanlardan bir tanesi <input> elemanıdır. Form üzerine metin kutusu, buton, seçim kutusu gibi farklı işlevlere sahip form nesneleri eklemek için kullanılır. <input> elemanı, type niteliğine bağlı olarak çeşitli şekillerde görüntülenebilir.
<input type="text" id="adi" name="adi">
type niteliği text olan <input> elemanı tek satırlık bir yazı alanı açar. <input> elemanın bazı özellikleri aşağıda belirtilmiştir.
- size: Metin kutusunun sayfada kapladığı uzunluğu belirler.
- maxlength: Yazılabilecek maksimum metin uzunluğunu belirler.
- value: Metin kutusunda yer alacak varsayılan değeri belirler.
- name: Metin kutusunu adlandırmak için kullanılır. Form elemanlarının name özelliğini kullanmazsak form gönderildiği zaman name özelliğine sahip olmayan elemanların değerleri iletilmez.
- readonly: Form elemanının sadece okunabilir olmasını sağlar, içerisindeki değer değiştirilemez.
- required: Form elemanının zorunlu olduğunu belirtir, ilgili eleman doldurulmadan form verileri iletilmez.
- disabled: Form elemanının devre dışı bırakılması gerektiğini belirtir.
- placeholder: Input elemanı boş iken bilgi niteliğinde üzerinde görünecek olan yazı.
- min ve max: Bir input için minimum ve maksimum değerleri belirtir. min ve max nitelikleri, number, range, date, datetime-local, month, time ve week input tipleri için çalışır. inputlarda bir değer aralığı oluşturmak için min ve max nitelikleri beraber kullanılmalıdır.
HTML Input Elemanları