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

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

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

 

  输入方式三: Checkbox (确认盒)

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

  ● type="Checkbox"
  输入方式为 Checkbox,能产生一确认盒,以供剔选。

  ● name="idol"
  此一 Checkbox 名称,参考 Text 部分的说明。

  ● value="Leon"
  内定值。每一个 Checkbox 必须及仅有一个 value,当被剔选时这值便会传及 CGI,例如所传字串 idol=Leon 。

  ● align="RIGHT"
  可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle。
 
  ● checked
  设该 Checkbox 为内定被选。每个 Checkbox 都是独立的,所以每一个都可使用这 参数,不像 Radio。
  
  例子:

原始码<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

  输入方式四: Password (密码输方盒)

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

  ● Password 的其他参数和 Text 是完全相同的,请参考 Text 的介绍。
两者作用不同,Password 所输入的字元全以 * 号表示。

  例子:

原始码<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>
显示结果
请输入姓名:
请输入密码:

 

  输入方式五: Submit (传送键)及 Reset (清除键)

  这是表单上重要的两个按键,两者所附带的参数相同,但用处不大。

  例如:<input type="Submit" name="other_funtion" value="确定" align="MIDDLE">
<input type="Reset" value="清除" align="MIDDLE">

  ● type="Submit"
  设定输入方式为 Submit 或 Reset。

  ● name="other_funtion"
  Submit 的功能随 name 的不同而不同,须和 CGI 配合。若你只需要普通的传送 键,则是其内定,不必用此参数。

  ● value="确定"
  这个值不是输给 CGI 的,而是显示在按键上,可以不用,传送键的内定值为 Submit Query,清除键的内定值为 Reset。

  ● align="MIDDLE"
  可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle。

  例子:

原始码<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>
显示结果

  输入方式六: Image (图片按键)

  这通常用以取代 Submit 及 Reset 两个按键,因为由程式产生的按键并不漂亮,这 Image 参 数便容许你采用自已制造的按键。

  例如:<input type="Image" name="submit" align="BOTTOM" src="ex_icon.gif">

  ● type="Image"
  输入方式为 Image。

  ● name="submit"
  所要代表的按键,可以是 submit, reset, 或其它。

  ● align="BOTTOM"
  可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle。

  ● src="ex_icon.gif"
  按键图片来源,若此图片文件不与该 html 文件在同一目录下,请加上相对或绝对途径。

原始码<form action="http://your.isp.com/cgi-local/example.cgi" method="POST">
<input type="Image" name="submit" align="BOTTOM" src="ex_icon.gif">
</form>
显示结果

 

  输入方式七: File

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

  ● input type="File"
  输入方式为 Image。通常用以传输文件。

  ● name="upload"
  这文件传输的名称,用以识别之用。

  ● align="BOTTOM"
  可选值:top, middle, bottom, left, right, texttop, baseline, absmiddle。

  ● 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>
显示结果

  输入方式八: Hidden

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

  ● type="Hidden"
  输入方式为隐藏或内定。它不会显示任何输入介面,而是一个内定值随表单一起 传给 CGI,列如由 CGI 产生的会员号码,或传入可更改的参数以调整 CGI 而避免 修改 CGI 程式码。

   ● name="ID"
  这文件传输的名称,用以识别之用。

  ● value="6618"
  内定值,会以如 ID=6618 形式传给 CGI。

  例子: ("Hidden" 是不被显示的,所以这处多放了一个 "Submit" 键,表示 Hidden 之内定 值会随 submit 键被按而传给 CGI)

原始码<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>
显示结果

 

猜你感兴趣

最新文章