Pazartesi, Şubat 25, 2013

Html Form Nesneleri

Göndenren: Kocaoglan On 15:18 Yorum Yok.
Form Nesneleri
Bir form içerisinde metin kutuları, radyo düğmeleri, onay kutuları, metin alanları, açılır menüler gibi elemanlardan istenilenler kullanılabilir. Bu elemanları içeren formları kullanılabilir hale getirmek için ise (submit) ve (reset) düğmeleri kullanılır. Şimdi bu elemanların ve düğmelerin ne işe yaradığını ve nasıl kullanıldığını öğrenelim.

CheckBox
Hazırlamakta olduğunuz forma onay kutuları eklemek için kullanılır. Onay kutuları, listelenen seçeneklerden istediğiniz kadarını seçebilmenize veya tümünü seçilmemiş duruma getirmenize olanak sağlar.
ÖRNEK:

Radio
Radio düğmeleri, kullanıcının verilen seçeneklerden sadece bir tanesini seçebileceği durumlar için kullanılmaktadır. Radio düğmelerinin birbirleri ile ilişkili olması ve name özelliklerinin ayni 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.
ÖRNEK:

Text
Hazırlamakta olduğunuz forma, tek satırlık yazı yazılabilecek alan (textbox) eklemek için kullanılır. Bu alan ile birlikte size maxlength özelliklerini de kullanabilirsiniz.
ÖRNEK:

Password
Hazırlamakta olduğunuz forma şifreli alanlar eklemek için kullanılır. Type özelliğine, “password” değeri atanarak oluşturulur.
ÖRNEK:

Textarea
Text kutularının görevi, hazırlamakta olduğumuz forma tek satırlık veri giriş alanları eklemek iken Textarea kullanarak forma, birden fazla satırdan oluşan alanlar ekleyebiliriz. 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.
 ÖRNEK:

Açılır Menüler
Hazırlamakta olduğunuz formlara <select> (seç) etiketi kullanarak açılır menüler ekleyebilirsiniz. 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.
 ÖRNEK:

0 Mesaj:

Yorum Gönder

  • Facebook
  • Twitter
  • Youtube