设为首页   |  加入收藏夹 快速导航:  热门文章  |  最新文章  |  梦想博客  
当前位置:编程之家 -> 文章频道 ->html 
站内搜索:  

玩转表单之表单概述(4)

作者:Redidea 来源:yesky 整理日期:2007-03-18

  1.2.6 单选框

  当需要访问者在待选项中选择唯一的答案时,就需要用到单选框了。

  代码格式:<input type="radio" name="..." value="...">

  属性解释:
  type="radio"定义单选框;
  name属性定义单选框的名称,要保证数据的准确采集,单选框都是以组为单位使用的,在同一组中的单选项都必须用同一个名称;
  value属性定义单选框的值,在同一组中,它们的域值必须是不同的。

 样例5: yesky.com Chinabyte.com

  样例5代码:
  <input type="radio" name="myFavor" value="1">yesky.com
  <input type="radio" name="myFavor" value="2">Chinabyte.com


  1.2.7 文件上传框

  有时候,需要用户上传自己的文件,文件上传框看上去和其它文本域差不多,只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。
  注意:在使用文件域以前,请先确定你的服务器是否允许匿名上传文件。表单标签中必须设置ENCTYPE="multipart/form-data"来确保文件被正确编码;另外,表单的传送方式必须设置成POST。

  代码格式:<input type="file" name="..." size="15" maxlength="100">

  属性解释:
  type="file"定义文件上传框;
  name属性定义文件上传框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
  size属性定义文件上传框的宽度,单位是单个字符宽度;
  maxlength属性定义最多输入的字符数。

 样例6:

  样例6代码:<input type="file" name="myfile" size="15" maxlength="100">


  1.2.8 下拉选择框

  下拉选择框允许你在一个有限的空间设置多种选项。

  代码格式:
  <select name="..." size="..." multiple>
  <option value="..." selected>...</option>
  ...
  </select>

  属性解释:
  size属性定义下拉选择框的行数;
  name属性定义下拉选择框的名称;
  multiple属性表示可以多选,如果不设置本属性,那么只能单选;
  value属性定义选择项的值;
  selected属性表示默认已经选择本选项。

 样例7:

  样例7代码:
  <select name="mySel" size="1">
  <option value="1" selected>yesky.com</option>
  <option value="d2">chinabyte.com</option>
  </select>

 样例8:
   按Ctrl可以多选

  样例8代码:
  <select name="mySelt" size="3" multiple>
  <option value="1" selected>yesky.com</option>
  <option value="d2">chinabyte.com</option>
  <option value="3">internet.com</option>
  </select>
[1]  [2]  [3]  [4]  [5]