HTML Forms Kullanımı

Kendi web siteniz için kullanabileceğiniz form kod örnekleri – Bu sayfa HTML formları örnekleri içerir.

Kodu kullanmak için, metin kutusunu düz kopyalayın ve kendi web sitenize yapıştırın. Gerektiği zaman değiştirmek için çekinmeyin.

<form>
(Buraya formumuz için gerekli elemanlar eklenecektir.)
</form>

Çıktısı :

Buraya formumuz için gerekli elemanlar eklenecektir.

<input type=”text” size=”20″ value=”Type something…”>

Çıktısı :

<textarea style=”width:150px;height:80px;”>
Type something
</textarea>

Çıktısı :

<textarea name=”comments” id=”comments” style=”width:150px;height:148px;font:30px/40px cursive;color:##ffffff; background:url(‘http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg’);”>
Enter your comments here…
</textarea><br>
<input type=”submit” value=”Submit”>

Çıktısı :

<input type=”radio” name=”cheat_sheet_example” value=”Option1″> Option 1 <br>
<input type=”radio” name=”cheat_sheet_example” value=”Option2″> Option 2

Çıktısı :

 Option 1
 Option 2

<input type=”checkbox” name=”cheat_sheet_example” value=”Option1″> Option 1 <br>
<input type=”checkbox” name=”cheat_sheet_example” value=”Option2″> Option 2

Çıktısı :

 Option 1
 Option 2

<select name=”cheat_sheet_example”>
<option value=”Option1″>Option 1
<option value=”Option2″>Option 2
<option value=”Option3″>Option 3
</select>

Çıktısı :

Option 1Option 2Option 3

<input type=”submit” value=”Send Away!”>

Çıktısı :

Google Plus ile Paylaş

Kısaca: seymanblog

Panelde şablon düzenle deyip, bu satırı aratarak buraya kısaca hakkımda yazısı yazabilirsiniz.