输入方式九: Button
■ <SELECT> <OPTION> :
例如:<input type="Button" name="useless" value="Back">
● type="Button"
输入方式为一般按键。常配合 Java Script 作为其启动按键。
● name="useless"
这文件传输的名称,用处不大。
● value="Back"
按键显示名称。
例子: 其中 onclick="history.go( -1 );return true; 属 JAVA 事件。
原始码 | <form> <input type="Button" value="回前一页" onclick="history.go( -1 );return true;"> </form> |
显示结果 |
■ <SELECT> <OPTION> :
<SELECT>是卷动选单标记,每一选项皆由 <OPTION> 所标示,把它当作围堵标记或空标 记使用都可以。
<SELECT> 的参数设定(常用):
例如: <select name="where" size="6" multiple>
● name="where"
这卷动选单的名称,作识别之用,将会传及 CGI。
● size="6"
这卷动选单的列数,即其高度,请自行修改。若使用此参数则不会有 Pop Up 效 果。
● multiple
令这卷动选单容许多重选择。
<OPTION> 的参数设定(常用):
例如: <option value="tw" selected>
● value="tw"
这选项的值,将会传及 CGI。请自行修改,但不同选项必须有不同的值。
● selected
设该选项为内定被选。一个单选卷动选单只能有一项或零可内定被选。
例子一: (普通 POP UP 卷动选单)
原始码 | <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> |
显示结果 |
例子二: (容许多重选择 的卷动选单)
例子三:(设定了 Size 的卷动选单)
原始码 | <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> Where you com from? <select name="where" size="5"> <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> |
显示结果 |
原始码 | <form action="http://your.isp.com/cgi-local/example.cgi" method="POST"> Where you com from? <select name="where" multiple> <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> |
显示结果 |
■ <TEXTAREA> :
<TEXTAREA>是表单文字区块标记,常用于 bug report, feedback 等需要填写大量资料的用途。
<TEXTAREA> 的参数设定(常用):
例如: <textarea name="comments" cols="40" rows="4" wrap="VIRTUAL">
● name="comments"
这文字区块的名称,作识别之用,将会传及 CGI。
● cols="40"
这文字区块的宽度,请自行修改。
● rows="4"
这文字区块的列数,即其高度,请自行修改。
● wrap="VIRTUAL"
设定其折行问题,可选值为: off, physical, virtual。off 表示不使用此属性,physical 时则会强迫刘览器在送资料到 CGI(Web 伺服器端)必须将实№文字中的换行一 并送出,设为 virtual 时则送出连续成串的字(除非使用者按了键盘的 RETURN / ENTER)。
例子:
原始码 <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> 显示结果