Şimdiye kadar bir çoğumuz bir çok form örneği doldurduk ve gönderdik.Nedir bu formlar nasıl oluşturulur?..
Bu sayfada ki form örneklerini yine karmaşık anlatımdan çok görerek anlatma yoluna başvurulmuştur.
Basitten zora doğru adım adım görerek anlatım.
Basit form örnekleri
-
<form action="url" method=*>
...
...
<input type=submit> <input type=reset>
</form>
*=GET, POST
Basit girdilerle ilgili form unsurları
-
<input type=* name=**>
*=text, password, checkbox, radio, image, hidden, submit, reset
**=Bu karekterlere ait form unsurları CGI programları için kullanılır.
[an error occurred while processing this directive]
Metin alanı ve Şifre kutusu
*=text, password
<input type=*>
<input type=* value=**>
<form action=/cgi-bin/post-query method=POST>
Adınız Soyadınız:
<input type=text name=name><br>
Site adresiniz :
<input type=text name=home value=http://><br>
Şifrenizi girin:
<input type=Şifrenizi girin name=name><br>
<input type=submit><input type=reset>
</form>
<form action=/cgi-bin/post-query method=POST>
Adınız Soyadınız:
<input style="BACKGROUND-COLOR:#0000FF" type=text name=name><br>
Site adresiniz :
<input style="BACKGROUND-COLOR:#FF0000" type=text name=home value=http://><br>
Şifrenizi girin:
<input style="BACKGROUND-COLOR:#FF00FF" type=Şifrenizi girin name=name><br>
<input style="BACKGROUND-COLOR:#0FF0FF" type=submit><input style="BACKGROUND-COLOR:#FFF00F" type=reset>
</form>
<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>
<form action=/cgi-bin/post-query method=POST>
<input style="BACKGROUND-COLOR:#00ff00" type=text name=a01 size=40><br>
<input style="BACKGROUND-COLOR:#0000FF" type=text name=a02 maxlength=5><br>
<input style="BACKGROUND-COLOR:#FF0000" type=submit><input style="BACKGROUND-COLOR:#F0F00F" type=reset>
</form>
[an error occurred while processing this directive]
Radyo Kutuları
<input type=checkbox>
<input type=checkbox checked>
<input type=checkbox value=**>
<form action=/cgi-bin/post-query method=POST>
<input type=checkbox name=f01>
CGI kodları<p>
<input type=checkbox name=f02 checked>
En iyi javascriptler<p>
<input type=checkbox name=f03 value=En iyi DHTML>
En iyi DHTML<p>
<input type=submit><input type=reset>
</form>
<form action=/cgi-bin/post-query method=POST>
<input style="BACKGROUND-COLOR:#FF00FF" type=checkbox name=f01>
CGI kodları<p>
<input style="BACKGROUND-COLOR:#FF0FFF" type=checkbox name=f02 checked>
En iyi javascriptler<p>
<input style="BACKGROUND-COLOR:#FFFFF00" type=checkbox name=f03 value=En iyi DHTML>
En iyi DHTML<p>
<input style="BACKGROUND-COLOR:#FF00F0" type=submit>
<input style="BACKGROUND-COLOR:#F00FF0" type=reset>
</form>
<input type=radio value=**>
<input type=radio value=** checked>
<form action=/cgi-bin/post-query method=POST>
<input type=radio name=fruits>
CGI kodları<p>
<input type=radio name=fruits checked>
En iyi javascriptler<p>
<input type=radio name=fruits value=En iyi DHTML>
En iyi DHTML<p>
<input type=submit><input type=reset>
</form>
[an error occurred while processing this directive]
Şekil örnekleri veya düzeni
<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>
[an error occurred while processing this directive]
Gizli öğeler
<input type=hidden value=*>
<form action=/cgi-bin/post-query method=POST>
<input type=hidden name=add value=hoge@hoge.jp>
En iyi örnekleri görebilirsiniz <p>
<input type=submit><input type=reset>
</form>
[an error occurred while processing this directive]
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>CGI kodları
<option selected>En iyi javascriptler
<option value=My_Favorite>En iyi DHTML
</select><p>
<input type=submit><input type=reset>
</form>
Aynı örneğin içini ve butonlarını renklendirelim
<form action=/cgi-bin/post-query method=POST>
<select style="BACKGROUND-COLOR:#FF00FF" name=fruits>
<option style="BACKGROUND-COLOR:#0000FF">CGI kodları
<option style="BACKGROUND-COLOR:#0ff0FF" selected>En iyi javascriptler
<option style="BACKGROUND-COLOR:#F0000F" value=My_Favorite>En iyi DHTML
</select><p>
<input style="BACKGROUND-COLOR:#00FF00" type=submit><input style="BACKGROUND-COLOR:#F000F0" type=reset>
</form>
<select size=**>
<form action=/cgi-bin/post-query method=POST>
<select name=fruits size=3>
<option>CGI kodları
<option selected>En iyi javascriptler
<option value=My_Favorite>En iyi DHTML
<option>En iyi örnekler
</select><p>
<input type=submit><input type=reset>
</form>
<form action=/cgi-bin/post-query method=POST>
<select style="BACKGROUND-COLOR:#FF00FF" name=fruits size=3>
<option style="BACKGROUND-COLOR:#FFFF00" >CGI kodları
<option style="BACKGROUND-COLOR:#FFFFF0" selected>En iyi javascriptler
<option style="BACKGROUND-COLOR:#0FF0FF" value=My_Favorite>En iyi DHTML
<option style="BACKGROUND-COLOR:#000FFF" >En iyi örnekler
</select><p>
<input style="BACKGROUND-COLOR:#FF0FFF" type=submit><input style="BACKGROUND-COLOR:#FF000F" type=reset>
</form>
<select size=** multiple>
<form action=/cgi-bin/post-query method=POST>
<select name=fruits size=3 multiple>
<option selected>CGI kodları
<option selected>En iyi javascriptler
<option value=My_Favorite>En iyi DHTML
<option selected>En iyi örnekler
</select><p>
<input type=submit><input type=reset>
</form>
[an error occurred while processing this directive]
Metin Alanı ve bu alanı renklendirmek
İstediğimiz yere şu kodları yerleştirelim:STYLE="BACKGROUND-COLOR:red" Color etiketine istediğimiz renk değerini girelim.Aşağıdaki örnekleri inceleyin.
<textarea name=* rows=** cols=**> ... <textarea>
<form action=/cgi-bin/post-query method=POST>
<textarea name=comment rows=5 cols=60 STYLE="BACKGROUND-COLOR:red>
</textarea>
<P>
<input type=submit style="BACKGROUND-COLOR:#00ff00">
<input style="BACKGROUND-COLOR:#ff00ff" type=reset>
</form>
Yazı alanı ile ilgili form örnekleri
<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>
[JavaScriptler][Sayfada
Efect][Dynamic HTML][CSS][HTML][CGI][Animasyon][AnaSayfa]
[[Webmaster
Email:@]]
|
