网页设计之表单的六种基本类型

　　一、表单概述

　　表单，在网页中的作用不可小视，主要负责数据采集的功能，比如你可以采集访问者的名字和e-mail地址、调查表、留言簿等等。

　　1、表单的组成

　　一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

　　一、概述

　　表单，在网页中的作用不可小视，主要负责数据采集的功能，比如你可以采集访问者的名字和e-mail地址、调查表、留言簿等等。

　　1、表单的组成

　　一个表单有三个基本组成部分： 表单标签：这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮：包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入，还可以用表单按钮来控制其他定义了处理脚本的处理工作。

　　常用的web表单控件。总共有6类基本类型(不包括隐藏域等在页面中无法看到的)，如下图所示：

　　正所谓，人无完人。自然，每个表单控件也都有各自的优缺点：

　　1、文本框(Textfield)

　　优点：对输入的内容几乎无任何限制;

　　缺点：由于文本框过度发达的自由无限制，导致它不能严格限制用户输入内容的类型(如：字符型，数字型等)，以及限制内容的长短;

　　2、命令按钮(Button)

　　优点：受益于按钮设计视觉上凸出的感觉，不光如此许多有凸出感的图片也会导致大量的用户点击(这是题外话了);

　　缺点：受制于按钮区域的限制，不能做得太长，谁见放两三行文字的按钮呢?因此，按钮内的文案需要简洁明了，不能像我的文章这样萝莉八所的;

　　3、多选框(Checkbox)

　　优点：类似于读书考试时候做的多选题，可选择多个选项。还记得那个万恶的说明：选对一个给半分，选错一个不给分 ;

　　缺点：如果多选框过多，占用大量的空间。在空间紧张的时候要作合理的安排，在现在住房日益紧张的今天好比，三间房可凑合3对夫妇，但一间房住3对夫妇就比较困难了 ;

　　4、单选框(Radio Button)

　　优点：这也是从考试时的单选题来的，比多选框好些，每组最多只选择一个选项 ;

　　缺点：和多选框一样，如果选项过多，会占用大量的空间;

　　5、下拉列表(List/Menu)

　　如果说多选框与单选框是浪费空间的大户，下拉列表则恰巧与前两者相反。它节省空间又可有数量庞大的下拉选项，真是小而强。

　　优点：在空间有限的情况下，使用此小而强的控件，可以展示更多选项内容。比较常见的就是国家的下拉列表;

　　缺点：由于小而强过于节省空间，导致当下拉列表选项过多时。会让选择的人找不到要选择的选项;

　　6、文本域(File Field)

　　上传文件之用，左边的那个灰色输入框有时候会让人很迷惑：先输入文字再点浏览文件?

（编辑：应用网_丽江站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!