Form Ornekleri

HTML Hazirlama Rehberi - Normal v2.1 <Last Update: 14 Haziran 1996>

Basit Yapilar

basit form

<form action="url" method=*>
...
...
<input type=submit> <input type=reset>
</form>

*=GET, POST

basit girdi

<input type=* name=**>

*=text, password, checkbox, radio, image, hidden, submit, reset

**=Symbolic Name for CGI script

Metin & Sifre

*=text, password

<input type=*>
<input type=* value=**>

<form action=/cgi-bin/post-query method=POST>

Your Name: 

<input type=text name=name><br>

Your Home Page: 

<input type=text name=home value=http://><br>

Password: 

<input type=password name=name><br>

<input type=submit><input type=reset>

</form>

Your Name:
Your Home Page:
Password:

<input type=* size=**>
<input type=* maxlength=**>

<form action=/cgi-bin/post-query method=POST>

<input type=text name=a01 size=40><br>

<input type=text name=a02 maxlength=5><br>

<input type=submit><input type=reset>

</form>

Kutucuklar & Radyo

<input type=checkbox>
<input type=checkbox checked>
<input type=checkbox value=**>

<form action=/cgi-bin/post-query method=POST>

<input type=checkbox name=f01>

        Banana<p>

<input type=checkbox name=f02 checked>

        Apple<p>

<input type=checkbox name=f03 value=Orange>

        Orange<p>

<input type=submit><input type=reset>

</form>

Banana

Apple

Orange

<input type=radio value=**>
<input type=radio value=** checked>

<form action=/cgi-bin/post-query method=POST>

<input type=radio name=fruits>

        Banana<p>

<input type=radio name=fruits checked>

        Apple<p>

<input type=radio name=fruits value=Orange>

        Orange<p>

<input type=submit><input type=reset>

</form>

Banana

Apple

Orange

Sekil Duzeni

<input type=image src=url>

<form action=/cgi-bin/post-query method=POST>

<input type=radio name=zoom value=2 checked>x2

<input type=radio name=zoom value=4>x4

<input type=radio name=zoom value=6>x6<p>

<input type=reset>

</form>

x2 x4 x6

Sakli Parcalar

<input type=hidden value=*>

<form action=/cgi-bin/post-query method=POST>

<input type=hidden name=add value=hoge@hoge.jp>

Here is a hidden element. <p>

<input type=submit><input type=reset>

</form>

Here is a hidden element.

Kutucuklu Menu

Select tag's Basic Construction

<select name=*>
<option> ...
</select>

<option selected>
<option value=**>

<form action=/cgi-bin/post-query method=POST>

<select name=fruits>

        <option>Banana

        <option selected>Apple

        <option value=My_Favorite>Orange

</select><p>

<input type=submit><input type=reset>

</form>

Banana Apple Orange

<select size=**>

<form action=/cgi-bin/post-query method=POST>

<select name=fruits size=3>

        <option>Banana

        <option selected>Apple

        <option value=My_Favorite>Orange

        <option>Peach

</select><p>

<input type=submit><input type=reset>

</form>

Banana Apple Orange Peach

<select size=** multiple>

<form action=/cgi-bin/post-query method=POST>

<select name=fruits size=3 multiple>

        <option selected>Banana

        <option selected>Apple

        <option value=My_Favorite>Orange

        <option selected>Peach

</select><p>

<input type=submit><input type=reset>

</form>

Banana Apple Orange Peach

Metin Alani

<textarea name=* rows=** cols=**> ... <textarea>

<form action=/cgi-bin/post-query method=POST>

<textarea name=comment rows=5 cols=60>

</textarea>

<P>

<input type=submit><input type=reset>

</form>

yazi alani

<textarea wrap=off> ... </textarea>

This is same as default setting.

<textarea wrap=soft> ... </textarea>

<form action=/cgi-bin/post-query method=POST>
<textarea wrap=soft name=comment rows=5 cols=25> </textarea><P>
<input type=submit><input type=reset>
</form>

<textarea wrap=hard> ... </textarea>

<form action=/cgi-bin/post-query method=POST>
<textarea wrap=hard name=comment rows=5 cols=25> </textarea><P>
<input type=submit><input type=reset>
</form>