首页 > 教程 > 网页教程 > HTML教程 >

HTML语言剖析(八) 表单标记(3)

时间:2006-12-25 14:14  来源:太平洋网络学院  作者:佚名

 

  输入方式九: 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>
显示结果
Where you com from?

  例子二: (容许多重选择 的卷动选单)

 

  例子三:(设定了 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>
显示结果
Where you com from?

原始码<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>
显示结果
Where you com from?

  ■ <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>
显示结果
Give comments:

3/3

猜你感兴趣

最新文章