FORM TAGS

[Basic Structure ][Text & Password ][Checkbox & Radio][Image coordinates]
[Hidden Elements][Selectable Menu][Text Area][Word Wrapping]

Basic Structure

Form Basic

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

*=GET, POST 





Input Basic








<input type=* name=**>

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

**=Symbolic Name for CGI script













Text & Password




*=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>
























Checkbox & Radio





 <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
















Image Coordinates



 <input type=image src=url>





<form action=/cgi-bin/post-query method=POST>
<input type=image name=face src=f.gif><p>
<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
















Hidden Elements




 <input type=hidden value=*>





<form action=/cgi-bin/post-query method=POST>
<input type=hidden name=add value=anonymous@hiof.no>
Here is a hidden element. <p>
<input type=submit><input type=reset>
</form>







Here is a hidden element. 
















Selectable 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>






















 <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>



















<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>























Text Area



 <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>
























Word Wrapping



<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=physical> ... </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>


























[Page][Font][Text Style ][Image][Table][Form][Applet][Frames]

[Marquee][Image Map][Javascript][Entities][Tag Index]