OwnZ! StyLe
  Form oluşturma
 
Input Type Kullanım Şekilleri

Ufak Metin Alanı Ekleme
<form> <input type="text" size="10" maxlenght="21"> </form>

Parola yazmak için metin alanı..
<form> <input type="password" size="10" maxlenght="21"> </form>

İşaret koyulan kutucuklar (Checkbox)
<form><input type="checkbox" name="isaret"> </form>

Radyo Düğmesi
<form><input type="radio" name="isaret"> </form>

Aşağı Doğru Açılan Seçme Kutucuğu (Select)
<select name="Mevsimler" size="1"><option selected>En Sevdiğim Mevsim
<option value="Sonbahar">Sonbahar
<option value="Kış">Kış
<option value="İlkbahar">İlkbahar
<option value="Yaz">Yaz</select>

Gönder ve Sil Düğmeleri
<input type="submit" name="gonder" value="gönder">>
<input type="reset" name="sil" value="sil">

FORM : Input Type

<html>
<head>
<title>fatma yıldız</title>
</head>
<form name=form1>
<body>
adı*<input type="text" size=30 maxlength=20 name=ad><br>
şifre<input type="password" size=30 maxlength=20 name=sifre><br>
cinsiyet<input type="radio" value="erkek" name=cinsiyet>erkek
<input type="radio" value="kız" name=cinsiyet>kız<br>
hobiler<input type="checkbox" value="kitap" name=hobi>kitap
<input type="checkbox" value="tv" name=hobi1>tv <br>
<input type="checkbox" value="seyahat" name=hobi2>seyahat
<input type="checkbox" value="spor" name=hobi3>spor<br>
düşünceler<textarea rows=5 cols=5></textarea><br>
<input type="submit" value="gönder" name=g1>
<input type="reset" value="temizle" name=r1><br>
</body>
</form>
</html>
 


Optgroup

<select name="bolgeler"> -> Select kutusunun ismini belirleriz.
<optgroup label="Ege Bölgesi"> -> Label ile etiket veririz yani label ile belirlediğimiz üzerinde seçim yapılmaz
<option value="İzmir">İzmir</option> -> Select kutusunun içerisinde olmasını istediğimiz seçenekleri yazarız.Value komutu seçilen neyse onu veri tabanına gönderir.
</optgroup> -> optgroup'u kapatırız.

<html>
<body>
<form>
<select name="bolgeler">
<optgroup label="Ege Bölgesi">
<option value="İzmir">İzmir</option>
<option value="Aydın">Aydın</option>
</optgroup>
<optgroup label="Marmara Bölgesi">
<option value="İstanbul">İstanbul</option>
<option value="Adapazarı">Adapazarı</option>
</optgroup>
</select>
</form>
</body>
</html>
 


LEGEND & FIELDSET

<fieldset>->form da fieldset aralığında olanları kutu içine alır
<legend>dokuz eylül üniversitesi</legend> -> oluşturulan kutuya başlık verilir.
adı*<input type="text" size=30 maxlength=20 name=ad><br>->kutunun içine eklenilen text alanı
</fieldset>->fieldset kapatılır.

<html>
<body>
<form>
<fieldset>
<legend>dokuz eylül üniversitesi</legend>
adı*<input type="text" size=30 maxlength=20 name=ad><br>
şifre<input type="password" size=30 maxlength=20 name=sifre><br>
cinsiyet<input type="radio" value="erkek" name=cinsiyet>erkek
<input type="radio" value="kız" name=cinsiyet>kız<br>
<fieldset>
<legend>hobiler</legend>
hobiler<input type="checkbox" value="kitap" name=hobi>kitap
<input type="checkbox" value="tv" name=hobi1>tv <br>
<input type="checkbox" value="seyahat" name=hobi2>seyahat
<input type="checkbox" value="spor" name=hobi3>spor<br>
</fieldset>
<fieldset>
<legend>düşüncelr</legend>
düşünceler<textarea rows=5 cols=5></textarea><br>
<input type="submit" value="gönder" name=g1>
<input type="reset" value="temizle" name=r1><br>
<fieldset>
<fieldset>
</form>
</body>
</html>
 



 
  22 ziyaretçi bugün sitemizi ziyaret etti! ( kişi Çevrimiçi )  
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol