Html form nesneleri
Form Nesneleri
CheckBox=Formumuza onay kutuları eklemek için kullanılır.
<HTML><bOdy >
<FORM ACTION=’ http://internet/form’ METHOD=POST>
<input type="checkbox" name="kutu1" checked="on"> HTML<br>
<input type="checkbox" name="kutu2"> PHP<br>
<input type="checkbox" name="kutu3"> MySQL
</FORM></bOdy></HTML>
Radio
Kullanıcının birçok seçenek içerisinden bir tanesini seçebilmesine olanak tanır. Grup içindeki radio kontrolleri her zaman aynı ismi taşımalı, değerleri ise value değerine atanmalıdır.
Text
Kullanıcıdan tek satırlık veri alınmasına olanak tanır. Size ve maxlength takıları, bu kontrolle birlikte kullanılabilir.
Adı: <input type="text" name="firstname"><br>
Soyadı: <input type="text" name="lastname">
Image
Bir resmi ifade eder ve üzerine tıklandığında form değerlerini sunucuya yollar. Genellikle bu amaçla kullanılsa da istenilirse kullanıcının resmin hangi x ve y noktalarına dokunduğu öğrenilebilir. Bu tag src ile birlikte kullanılır ve src komutu resmin bulunduğu URL’yi göstermelidir.
Password
Formumuza parola yazılabilecek alan eklemek için kullanılır. “text” elemanından farklı olarak bu alana girilen karakter aşağıdaki gibi gösterilir. Bu “*” işareti de olabilir
Kullanıcı:
<input type="text" name="username"><br>
Parola:<input type="password" name="password">
Textarea
Metin alanı anlamına gelen bu kelime formunuza yazı yazılabilecek alan eklemek için, kullanılır. Yardımcı öğeler olarak rows ve cols kullanılır.
Reset
Tıklandığında form içeriğini temizler. Kullanıcının formu tekrar doldurmasını sağlar.
Submit
Form içeriğini sunucuya yollar. Value değeri kullanılarak üzerindeki yazı değiştirilebilir.
<html>
<head><title>Form Etiketleri</title><head><bOdy>
<h1> Sanal Sınıf</h1>
<form action="http://pcsistem.net" method="post"><br>Kullanıcı Adı:<input type="text" name="ad"><br>
E-posta Adresi:<input type="text" name="eposta"><br>
İletmek istediğiniz mesaj varsa aşağıdaki alanı kullanınız.
<textarea name="mesaj" rows="10" cols="50" >
</textarea> <br>
Almış olduğunuz dersleri işaretleyiniz<br>
<input name="ders" type="checkbox" value="programlama"
checked="on">
Pascal
<input name="ders" type="checkbox" value="isletim" > İletim Sistemi
<input name="ders" type="checkbox" value="HTML">HTML <br>
<input type="submit" value="send">
<input type="reset" value="reset">
</form>
</bOdy></html>
HTML ANA MENÜYE GERİ DÖN
