html入门(2)--表单form

1、<FORM> 的参数设定（常用）：

例如： <form action="http://your.isp.com/cgi-local/example.cgi"
method="POST">

2、输入方式一：
Text （单行文字盒）

例如<input type="Text"
name="age" value="20"
align="MIDDLE" size="2"
maxlength="255">

<form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
请填入电话号码：<input type="Text" name="phone" value="" size="10" maxlength="8">
</form>

请填入电话号码：

3、输入方式二：
Radio （单一选择）

例如：<input type="Radio"
name="gender" value="female"
align="MIDDLE" checked>

<form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
请选性别：
<input type="Radio" name="gender" value="Female">女性
<input type="Radio" name="gender" value="Male" checked>男性
<br>你喜欢吗：
<input type="Radio" name="like" value="Yes">喜欢
<input type="Radio" name="like" value="No">不喜欢
<input type="Radio" name="like" value="NotSure">不肯定
</form>

请选性别： 女性 男性 你喜欢吗： 喜欢 不喜欢 不肯定

4、输入方式三： Checkbox （确认盒）

例如：<input type="Checkbox"
name="idol" value="Leon"
align="RIGHT" checked>

<form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
你喜欢以下那些明星：
<br><input type="Checkbox" name="idol01" value="Leon">黎明
<input type="Checkbox" name="idol02" value="Noriko_Sagai">酒井法子
<input type="Checkbox" name="idol03" value="Leon">郑秀文
<input type="Checkbox" name="idol04" value="BonJovi" checked>BonJovi
</form>

你喜欢以下那些明星： 黎明 酒井法子 郑秀文 BonJovi

5、输入方式四： Password （密码输方盒）

例如：<input type="Password"
name="pw" value="999"
align="MIDDLE" size="5"
maxlength="9">

<form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
请输入姓名：<input type="Text" name="name">
<br>请输入密码：<input type="Password" name="pw" maxlength="9">
</form>

请输入姓名： 请输入密码：

6、输入方式五： Submit （传送键）及
Reset （清除键）

例如：<input type="Submit"
name="other_funtion" value="确定"
align="MIDDLE">

<input type="Reset"
value="清除" align="MIDDLE">

<form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
<input type="Submit"><input type="Reset">
<br><input type="Submit" value="         确定         "><input type="Reset" value="清除">
</form>

7、输入方式七： File

例如：<input type="File"
name="upload" align="BOTTOM"
size="20" maxlength="100"
accept="text/html">

<form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
<type="File" name="upload" size="30" maxlength="100" accept="text/html">
</form>

8、输入方式八：
Hidden

例如：<input type="Hidden"
name="ID" value="6618">

<form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
<input type="Hidden" name="ID" value="6618">
<input type="Submit" value="Submit">
</form>

9、输入方式九：
Button
例如：<input type="Button"
name="useless" value="Back">

<form>
<input type="Button" value="回前一页" onclick="history.go( -1 );return true;">
</form>

10、select

<form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> Where you com from?
<select name="where">
<option value="hk">Hong Kong</option>
<option value="tw" selected>Taiwan</option>
<option value="cn">China</option>
<option value="us">United States</option>
<option value="ca">Canada</option>
</select>
</form>

11、
<TEXTAREA> 的参数设定（常用）：

例如： <textarea name="comments"
cols="40" rows="4"
wrap="VIRTUAL">

<form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
Give comments:
<textarea name="comments" cols="40" rows="4" wrap="VIRTUAL">
这是预设的字句，通常留空的，随你喜欢。</textarea>
</form>