Html Formlar– Html 5 Dersleri 3. Gün

Bu yazımızda size html formlar nasıl oluşturulur , html form nesneleri nelerdir, html5 de yeni gelen form öğeleri nelerdir i göstereceğiz.Bir form oluşturmak istersek <form> ile başlayıp </form> ile bitiririz.

html formlar – Giriş elemanları

html formlar

html formlar – Radio Butonu

Birden fazla seçenekten birini seçmenizi sağlar.

html formlar

html formlar – Submit Butonu

html formlar ı göndermenizi sağlar.

html formlar

action: formun gönderileceği adresi belirtir.

method: Get ve post olmak üzere 2 çeşittir. Özel verileri formda göndericekseniz post metodunu kullanmanız tavsiye edilir.

yukarıdaki formda submit butonuna bastığınızda girdiğiniz ad ve soyad bilgisi form.php sayfasına gönderilecektir.

html formlar – verileri gruplama

html formlar ınızın düzenli bir şekilde görünmesini istiyorsanız fieldset kullanarak formunuzu gruplayabilirsiniz.

legend: Fieldset ile grupladığınız  formun başlığıdır.

html formlar

Select elemanı

Aşağı doğru açılan liste eklemenizi sağlar.Kullanımı şöyledir:

html formlar

Textarea elemanı

Kullanıcının veri girmesini sağlayan  genişliği ve yüksekliğini kendimiz ayarlayabildiğimiz uzun text alanlarıdır.

html formlar

Datalist elemanı

Html5 ile beraber gelmiştir. Fomunuza hazır verilerden oluşan listeler eklemenizi sağlar.Örneğin:

html formlar

kullanacağımız html etiketlerini aşağıdaki listeden kontrol edebilirsiniz.

Html Etiketi Tanımı
<form> Html formu oluşturmanızı sağlar.
<input> Kullanıcının veri gireceği bir alan oluşturur.
<textarea> Birden fazla satırdan oluşan text kutusudur.
<label> Veri girilecek alanlara etiket tanımlamamızı sağlar.
<fieldset> Form elemanlarını grup içerisinde düzenler.
<legend> Fieldset için başlık oluşturur.
<select> Aşağı doğru açılan liste oluşturur.
<optgroup> Aşağı açılan listenizdeki verileri gruplar.
<option> Aşağı açılan listenize madde ekler.
<button> Tıklanabilen buton oluşturur.
<datalist> Kullanıcı girişlerine öncedn tanımlı veri listeleri ekler.
<output> Bir işleme ait sonuç bilgisi oluşturur.

konunun devamı hazırlanıyor.

Leave a Reply

%d blogcu bunu beğendi: