- 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.
- Checked parametresi ile herhangi birinin işaretlenmiş olarak gelmesini ayarlamak için kullanılır.Checked=”on”
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.
- Name faklı olursa hepsi işaretlenebilir.
- 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. Value= Bu parametre hangi radyo nesnesinin seçildiğini belirlemek için kullanılır.
 |
| Radio Örneği |
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.
- Parametreleri:
Maxlenght= kaç
karakter veri girilebileceğini tanımlamak için kullanılır.
Size=
metin kutusunun uzunluğunu ayarlamak için kullanılır.
Disabled=”Disabled”
özelliği ile pasif hale getirebiliriz.
 |
| Text Örneği |
Password
- Hazırlamakta olduğunuz forma şifreli alanlar eklemek için kullanılır. Type özelliğine, “password” değeri atanarak oluşturulur.
 |
| Password Örneği |
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.
 |
| Textarea Örneği |
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.
**Aşağıdaki örnekte size özelliğine “3” değeri
atanmıştır. Listede yer alan elemanlardan 3 tanesinin ekranda görüntüleneceğini
göstermektedir. Size özelliği listeden yer alan elemanlardan istediğiniz
kadarının ekranda görüntülenmesini ayarlamak için kullanılır. Multiple özelliği
ise Ctrl tuşu kullanarak birden fazla seçim yapmamıza olanak sağlamaktadır.
 |
| Size parametresi kullanımı |
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.
- Kullanımı:
<input type=”reset”>
“Value” özelliği, düğme üzerinde istediğiniz metni yazmanıza
olanak sağlar.
Submit
Submit (gönder), form içerisinde yer alan içeriklerin sunucuya
gönderilmesini sağlamak için kullanılır.
Kullanımı:
<input type=”submit”>
“Value” özelliği düğme üzerinde istediğiniz metni yazmanıza olanak
sağlar.
 |
| Submit ve reset örneği |
0 yorum :
Yorum Gönder