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>
 







Bu sayfa hakkındaki yorumlar:
Yorumu gönderen::25.08.2013, 19:36 (UTC)
Metin2TRepAlma
Metin2TRepAlma
Kapalı


Yorumu gönderen: Savannah, 27.03.2013, 03:54 (UTC):
Could you tell me my balance, please? <a href=" http://www.sandcreek.com ">purchase propecia canada</a> IV. A pharmacist acts with honesty and integrity in professional relationships. A pharmacist has a duty to

Yorumu gönderen: Gracie, 24.03.2013, 12:52 (UTC):
Have you read any good books lately? <a href=" http://www.sedrez.com ">topamax joint</a> For any alteration made by the pharmacist to the quantity dispensed, if there is a financial implication



Bu sayfa hakkında yorum ekle:
İsmin:
Mesajınız:

 
  16 ziyaretçi bugün sitemizi ziyaret etti! ( kişi Çevrimiçi )  
 
=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=