软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 网页设计之表单的六种基本类型

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

  一、表单概述

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

  1、表单的组成

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

  一、概述

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

  1、表单的组成

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

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

formtypes

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

  1、文本框(Textfield)

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

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

  2、命令按钮(Button)

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

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

  3、多选框(Checkbox)

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

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

  4、单选框(Radio Button)

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

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

  5、下拉列表(List/Menu)

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

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

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

  6、文本域(File Field)

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

    相关阅读
    网友评论
    栏目导航
    推荐软件