HTML Metin Kutusu Ekleme: Kapsamlı Bir Kılavuz
Bir web sayfasına metin kutusu eklemek, kullanıcıların metin girmesine ve göndermesine olanak tanıyan önemli bir özelliktir. Bu makale, HTML metin kutusu ekleme sürecini ayrıntılı bir şekilde açıklayacak ve konuyla ilgili faydalı kaynaklar sağlayacaktır.
HTML Metin Kutusu Nedir?
Bir HTML metin kutusu, kullanıcıların metin girmesine izin veren bir form öğesidir. Kullanıcılar metin kutusuna metin yazabilir ve ardından bu metin sunucuya gönderilebilir veya web sayfasında işlenebilir.
HTML Metin Kutusu Ekleme
Bir HTML metin kutusu eklemek için <input> etiketini kullanırız. <input> etiketinin type özniteliği “text” olarak ayarlanmalıdır. Örneğin:
html
<input type="text" name="isim">
Bu kod, “isim” adında bir metin kutusu oluşturacaktır. Kullanıcılar bu metin kutusuna adlarını girebilirler.
Metin Kutusu Öznitelikleri
<input> etiketinin, metin kutusunun görünümünü ve işlevini kontrol eden bir dizi özniteliği vardır. En yaygın öznitelikler şunlardır:
- name: Metin kutusunun adı. Bu öznitelik, sunucuya gönderilen verileri tanımlamak için kullanılır.
- value: Metin kutusunun varsayılan değeri.
- size: Metin kutusunun genişliği karakter cinsinden.
- maxlength: Metin kutusuna girilebilecek maksimum karakter sayısı.
- placeholder: Metin kutusunun içinde görüntülenen ve kullanıcıya ne tür metin girmesi gerektiğini belirten bir ipucu metni.
Metin Kutusu Olayları
Metin kutuları, kullanıcı etkileşimlerine yanıt veren bir dizi olayı destekler. En yaygın olaylar şunlardır:
- onchange: Metin kutusu değiştiğinde tetiklenir.
- onfocus: Metin kutusu odaklandığında tetiklenir.
- onblur: Metin kutusu odak dışına çıktığında tetiklenir.
Bu olaylar, metin kutusunun değerini doğrulamak, ipucu metni görüntülemek veya diğer işlemleri gerçekleştirmek için kullanılabilir.
Örnek
Aşağıdaki kod, “isim” ve “soyisim” adında iki metin kutusu oluşturan bir örnektir:
“`html
“`
Bu kod, kullanıcıların adlarını ve soyadlarını girmelerini sağlayan bir form oluşturacaktır. Form gönderildiğinde, “isim” ve “soyisim” alanlarının değerleri sunucuya gönderilecektir.