<HTML>
<HEAD>
<TITLE>HTML Form</TITLE>
<LINK REL="stylesheet" TYPE="text/css" HREF="../css0.css">
<style TYPE="text/css">
<!--
table	{
	border-style     : ridge;    /* double outset inset ridge groove */
	border-color     : grey ;
	border-width     : 0px; 
}
th  {
	background-color : white ;
	border-width     : 1px;
	border-style     : ridge;
	border-color     : grey ;
	padding-top      : 6px; 
	padding-bottom   : 4px;
}
td  {
	background-color : white;
	border-width     : 1px;
	border-style     : none;
	border-color     : grey;
}

-->
</style>

</HEAD>
<BODY>

<h1>HTML Form</h1>

<!-******************** HEADER ********************>
<a name="List"></a>
<h2>List Box</h2>
Creates a list box. Size sets the number of menu items visible before you need to scroll. 

<table width=100%>
<tr><th width=50%>Code<th width=50%>Form
<tr><td>
<pre>
&lt;select multiple name="strScroll" size=3>
	&lt;option>Marketing Manager
	&lt;option selected>Marketing Assistant
	&lt;option>Accounting Manager
	&lt;option>Sales Agent
	&lt;option>Sales Associate
&lt;/select>
</pre>
<td valign=top>
<select multiple name="strScroll" size=3>
	<option>Marketing Manager
	<option selected>Marketing Assistant
	<option>Accounting Manager
	<option>Sales Agent
	<option>Sales Associate
</select>
</table>

<!-******************** HEADER ********************>
<a name="Combo"></a>
<h2>Combo Box</h2>

<table width=100%>
<tr><th width=50%>Code<th width=50%>Form
<tr><td>
<pre>
&lt;select name="strScroll">
	&lt;option>Marketing Manager
	&lt;option selected>Marketing Assistant
	&lt;option>Accounting Manager
	&lt;option>Sales Agent
	&lt;option>Sales Associate
&lt;/select>
</pre>
<td valign=top>
<select name="strScroll">
	<option>Marketing Manager
	<option selected>Marketing Assistant
	<option>Accounting Manager
	<option>Sales Agent
	<option>Sales Associate
</select>
</table>

<!-******************** HEADER ********************>
<a name="Text"></a>
<h2>Text Area</h2>
Creates a text box area. Columns set the width; rows set the height. 

<table width=100%>
<tr><th width=50%>Code<th width=50%>Form
<tr><td valign=top>
<pre>
&lt;textarea name="txtAddress" cols=40 rows=3>
Default Text1
Default Text2
&lt;/textarea>
</pre>
<td valign=top>
<textarea name="txtAddress" cols=40 rows=3>
Default Text1
Default Text2
</textarea>
</table>

<!-******************** HEADER ********************>
<a name="Checkbox"></a>
<h2>Checkbox</h2>
Creates a checkbox. Text follows tag.

<table width=100%>
<tr><th width=50%>Code<th width=50%>Form
<tr><td valign=top>
<pre>
&lt;input type="checkbox" name="chkThimphu" checked>Thimphu
&lt;input type="checkbox" name="chkParo">Paro
</pre>
<td valign=top>
<input type="checkbox" name="chkThimphu" checked>Thimphu
<input type="checkbox" name="chkParo">Paro
</table>

<!-******************** HEADER ********************>
<a name="Radio"></a>
<h2>Radio button</h2>
Creates a radio button. Text follows tag 

<table width=100%>
<tr><th width=50%>Code<th width=50%>Form
<tr><td valign=top>
<pre>
&lt;input type="radio" name="radSex">Male
&lt;input type="radio" name="radSex" checked>Female
</pre>
<td valign=top>
<input type="radio" name="radSex">Male
<input type="radio" name="radSex" checked>Female
</table>

<!-******************** HEADER ********************>
<a name="One-line"></a>
<h2>One-line text area</h2>
Creates a one-line text area. Size sets length, in characters.

<table width=100%>
<tr><th width=50%>Code<th width=50%>Form
<tr><td valign=top>
<pre>
&lt;input type=text name="foo" size=20 maxlength=20 value="Default">
</pre>
<td valign=top>
<input type=text name="foo" size=20 maxlength=20 value="Default">
</table>

<!-******************** HEADER ********************>
<a name="Button"></a>
<h2>Button</h2>

<table width=100%>
<tr><th width=50%>Code<th width=50%>Form
<tr><td valign=top>
<pre>
&lt;input type="submit" value="SUBMIT">
&lt;input type="reset" value="CANCEL">
</pre>
<td valign=top>
<input type="submit" value="SUBMIT">
<input type="reset" value="CANCEL">
</table>

<!-******************** HEADER ********************>
<a name="Get"></a>
<h2>Get Method</h2>

<table width=100%>
<tr><th width=50%>Code<th width=50%>Form
<tr><td>
<pre>
&lt;form action="form-get.php" method="<b>get</b>">
&lt;table>
&lt;tr>&lt;td>Name:    &lt;td>&lt;input name="strName" size=20 maxlength=20>
&lt;tr>&lt;td>Address: &lt;td>&lt;input name="strAdd" size=25 maxlength=25>
&lt;tr>&lt;td>         &lt;td>&lt;input type="submit" value="Submit">
                     &lt;input type="reset"  value="Reset">
&lt;/table>
&lt;/form>
</pre>
<td>
<form action="form-get.php" method="get">
<table border=0>
<tr><td>Name:    <td><input name="strName" size=20 maxlength=20>
<tr><td>Address: <td><input name="strAdd" size=25 maxlength=25>
<tr><td>         <td><input type="submit" value="Submit">
                     <input type="reset"  value="Reset">
</table>
</form>
</table>

<!-******************** HEADER ********************>
<a name="Post"></a>
<h2>Post Method</h2>

<table width=100%>
<tr><th width=50%>Code<th width=50%>Form
<tr><td>
<pre>
&lt;form action="form-get.php" method="<b>post</b>">
&lt;table>
&lt;tr>&lt;td>Name:    &lt;td>&lt;input name="strName" size=20 maxlength=20>
&lt;tr>&lt;td>Address: &lt;td>&lt;input name="strAdd" size=25 maxlength=25>
&lt;tr>&lt;td>         &lt;td>&lt;input type="submit" value="Submit">
                     &lt;input type="reset"  value="Reset">
&lt;/table>
&lt;/form>
</pre>
<td>
<form action="form-get.php" method="post">
<table border=0>
<tr><td>Name:    <td><input name="strName" size=20 maxlength=20>
<tr><td>Address: <td><input name="strAdd" size=25 maxlength=25>
<tr><td>         <td><input type="submit" value="Submit">
                     <input type="reset"  value="Reset">
</table>
</form>
</table>

<!--#include virtual="/doc/footer.html" -->

</body>
</html>