thumbnail

HTML Input Kontroller

Html’in sürümleri ilerledikçe input kontrolleri de sürümlere bağlı olarak artmıştır. Tüm input kontrollerden değil sadece önemli olanlardan bahsedeceğim. Hadi başlayalım 😀

TEXT

Metin girdilerini almak için kullanılır. Örneğin Facebook kullanırken email ve şifrenin girildiği alan text alanıdır. Tanımlanması ise aşağıdaki gibidir;


<!DOCTYPE html>

<html>

<head>

<title></title>

<meta charset="utf-8" />

</head>

<body>

<div>

<span>İsim Giriniz:</span>

<span> <input type="text" /> </span>

</body>

</html>

BUTTON

Tıklanabilir düğmedir. Daha çok olayların tetiklenmesi için kullanılır. Herhangi bir site de kayıt ekranında değerleri girip Kaydet butonuna bastığınızda büyük ihtimalle orada kullanılan button çeşidi “Submit” button’dur. Submit button dışında olan button’ların kayıt ekranındaki verileri form dışına gönderme gibi bir özelliği yoktur. Buna şu an işlediğimiz button kontrolü de dahildir.

Tanımlanması aşağıdaki gibidir;


<div>

<span>

<input type="button" value="Gönder" />

</span>

</div>

SUBMIT

Yukarıda açıkladığım button ile aynı işlevi sağlamaktadır. Ancak aralarında önemli bir fark var. Submit button genel olarak tex’lere girilen dataları başka bir form‘a veya istenilen alana göndermeyi sağlar. Örnek vermek gerekirse, siz kayıt olmak ekranında gerekli text alanlarına email ve şifre bilgilerinizi girerseniz, Kaydet butonuna bastığınızda bilgileriniz veri tabanına kayıt olması için form aracılığı ile istenilen programlama kodlarına yollanır, programlama kodları bilgilerinizi veri tabanına kayıt eder.

Kullanımı aşağıdaki gibidir;


<div>

<span>İsim Giriniz:</span>

<span> <input type="text" /> </span>

</div>

<div>

<div>

<span>

<input type="submit" value="Gönder" />

</span>

</div>

</body>

</html>

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir