HTML’de “input” etiketi, kullanıcıların form verileri girmelerini sağlayan bir form kontrolüdür. Bu kontrol, farklı türleri destekler ve bu nedenle, tür özelliği kullanılarak çeşitli şekillerde yapılandırılabilir. Aşağıdaki örnek, “input” etiketi kullanılarak iki farklı türde form alanı içerir:

Html İle İnput Etiketi Kullanımı Uygulaması Nasıl Yapılır?

<form>
  <label for="ad">Adınız:</label>
  <input type="text" id="ad" name="ad"><br><br>
  <label for="email">E-posta Adresiniz:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Gönder">
</form>

Bu örnekte, ilk “input” etiketi, “type” özelliği “text” olarak ayarlanarak, bir metin giriş alanı oluşturur. İkinci “input” etiketi, “type” özelliği “email” olarak ayarlanarak, bir e-posta giriş alanı oluşturur. Her iki giriş alanı da bir “id” özelliği ve bir “name” özelliği ile tanımlanmıştır. “id” özelliği, ilgili “label” etiketleri ile ilişkilendirilerek, etiketin tıklanarak girdi alanına odaklanmasını sağlar.

Ayrıca, örnek bir “submit” düğmesi de içerir. Bu düğme, kullanıcıların formu göndermelerine olanak tanır.

Bu uygulamada herhangi bir sorun yaşarsanız aşağıya yorum olarak bırakabilirsiniz. Bunun yanı sıra web sitemizdeki diğer hazır Html programlama örneklerine ulaşmak için bu linke tıklayabilirsiniz.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir