Formlar

<FORM>

<form> etiketi html formları oluşturmak için kullanılır.

Formlar sayesinde kullanıcıdan bilgiler alınır ve alınan bilgiler doğrultusunda bir çok işlem yapılabilir.

Genel Kullanımı;

<form action=”url” method=”get-post” target=”pencere”>

   …

   …

</form>

<form> etiketi parametreleri;

• action: Formdan girilecek olan bilgilerin değerlendirileceği dosyanın URL adresini belirtmek için kullanılır.
• method: Formdan girilecek olan bilgilerin, değerlendirici dosyaya hangi yöntem ile gönderileceğini belirtmek için kullanılır.

Method post ve get değerlerini alabilir. Method bölümüne, GET değeri verildiği zaman kontrollere girilen içerik o anda bulunan adrese eklenip değerlendiriciye gönderilir. POST ise form içeriğini direkt olarak değerlendiriciye gönderir.

<INPUT>

<input>  etiketi form içerisinde bilgi almak için kullanılan etikettir.

Hangi veri türünde girişin yapılacağını burada kullanılan type parametresi belirlemektedir. Type parametresinin varsayılan değeri text(metin) olmakla birlikte belirtilecek olan (text, password, checkbox, radio,submit, reset gibi) farklı değerleri de alabilir.

<input> etiketinin sonlandırıcı etiketi bulunmaz yani bu etiket kapatılmaz.

Genel Kullanımı;

<input align=”tip” [CHECKED] maxlenght=”uzunluk” name=”isim” size=”boyut”          

           src=”adres” type=”tip” value=”değer”>

 

<input> etiketi parametreleri;

• type: Girilecek olan elemanın türünü belirtmek için kullanılır.
• src: Görüntülenmesi istenilen resim dosyasının adresini belirtmek için kullanılır.
• align: Tanımlanmış olan elemanın sayfadaki yerini belirlemek için kullanılır.
• name: Girilecek olan verinin değişken ismini belirlemek için kullanılır.
• maxlength: Girilecek olan verinin en fazla kaç karakterden oluşacağını belirlemek için kullanılır.
• size: Metin kutusunun boyutunu (genişliğini) belirlemek için kullanılır. Hiçbir rakam belirtilmediği takdirde varsayılan değeri 20’dir.
• checked: Bir seçim kutusu kullanıldığı durumlarda bu kutuların işaretlenmiş olarak görüntülenmesini sağlamak için kullanılır. Sadece “radio” ve “checkbox” elemanları için kullanılır.
• disable: Veri girişini engellemek için kullanılır.

FORM NESNELERİ

checkbox

Onay kutuları, listelenen seçeneklerden istediğiniz kadarını seçebilmenize veya tümünü seçilmemiş duruma getirmenize olanak sağlar.

radio

Radio düğmeleri, seçeneklerden sadece bir tanesinin seçebileceği durumlarda kullanılmaktadır. Radio düğmelerinin birbirleri ile ilişkili olması ve Name özelliklerinin aynı olması gerekmektedir. Checked özelliğini kullanarak sayfa yüklendiği zaman, seçili olmasını istediğiniz değer belirlenir. Radio düğmelerinin alacağı değerler Value seçeneğinde belirlenir.

text

Tek satırlık yazı yazılabilecek alan (textbox) eklemek için kullanılır. Bu alan ile birlikte size, maxlength özellikleri de kullanılabilir.

password

Şifreli alanlar eklemek için kullanılır. Type özelliğine, “password” değeri atanarak oluşturulur.

textarea

Birden fazla satırdan oluşan alanlar eklemek için kullanılır. Rows (satır) ve Cols (sütun) tanımlamaları yapılarak bu metin alanının kaç satır ve kaç sütundan oluşması gerektiği belirlenir.

select

Açılır menüler eklemek için kullanılır. Listbox (liste kutusu) ve Drop-down list (aşağı açılır liste) şeklinde iki farklı tür de seçim kutusu oluşturulabilir. Listede yer alacak elemanların neler olacağı ise <option> etiketi ile belirlenir.

reset/submit

Reset: Üzerine gelip tıklandığı zaman, form içeriğini temizleyip kullanıcının forma yeniden bilgi girişi sağlayan bir düğme (buton) oluşturulmasını sağlar.

Submit: Form içerisinde yer alan içeriklerin sunucuya gönderilmesini sağlamak için kullanılır.

<FIELDSET>/<LEGEND>

Form elemanlarını konularına göre gruplandırmak için <fieldset> etiketi, konu başlıkları için <legend> etiketi kullanılır.

 

---

Ekler :

1. Sunu dosyasını indirmek için tıklayınız.. 
   

   Dosya: Formlar.pptx

   İndirme: 389, Boyut: 1.0 MB, Eklenme Tarihi: 13 Eki. 2018