HTML语言——表单设计

表单设计

1   表单标记   <form>...</form>

1.1   什么是<form>

<form></form>定义表单的开始位置和结束位置,表单提交时的内容就是<form>表单中的内容

1.2   基本格式

<form acrion="服务器端地址(接收表单内容的地址)" name="表单名称" method="posrlget">...</form>

1.3   常用属性

1.3.1   name   表单名称

1.3.2   method   传送数据的方式,分为post和get两种方式

get   get方式提交时,会将表单的内容附加在URL地址的后面,所以限制了提交的内容的长度,不超过8192个字符,且不具备保密性

post   post方式提交时,将表单中的数据一并包含在表单主体中,一起传送到服务器中处理,没有数据大小限制

2.1.3.3   acrion   表单数据的处理程序的URL地址,如果为空则使用当前文档的URL地址,如果表单中不需要使用action属性也要指定其属性为"no"

1.3.4   enctype  设置表单的资料的编码方式

1.3.5   targer   和超链接的属于类似,用来指定目标窗口

2   文本域和密码   <input>标记

2.1   <input>标记没有结束标记

2.2   基本语法

<input type="" name="" value="" size="" maxlength="">

2.3   属性介绍

2.3.1   type属性   type属性有两个值

text   当type="type"时,<input>表示一个文本输入域

password   当type="password"时,<input>表示一个密码输入域

2.3.2   name属性   定义控件的名称

2.3.3   value属性   初始化值,打开浏览器时,文本框中的内容

2.3.4   size属性   设置控件的长度

2.3.5   maxlength属性   输入框中最大允许输入的字符数

3   提交、重置和普通按钮

3.1   提交按钮

当<input type="submit">时,为提交按钮

3.2   重置按钮

当<input type="reset">时,为重置按钮

3.3   普通按钮

当<input type="button">时,为普通按钮

4   单选框和复选框

4.1   单选框

当<input type="radio">时,为单选框

4.2   复选框

当<input type="checkbox">时,为复选框

4.3   注意

单选框和复选框都可以使用"cheked"属性来设置默认选中项

5   隐藏域

当<input type="hidden">时,为隐藏表单域

6   多文本文域

6.1   用法

使用<textarea>标记可以实现一个,能够输入多行文本的区域

6.2   语法格式

<textarea name="name" rows="value" cols="value" value="value">...   ...<textarea>

6.3   rows属性和cols属性分别用来指定,显示的行数和列数,单位是字符个数

7   菜单下拉列表域   <select>标记

7.1   语法格式

<select name="" size="value" multiple>

<option value="value" selected>选项1</option>

<option value="value">选项2</option>

<option value="value">选项3</option>

...   ...

</select>

7.2   属性

7.2.1   multiple属性   multiple属性不用赋值,其作用是,表示用可以多选的下来列表,如果没有这个属性就只能单选

7.2.2   size属性   设置列表的高度

7.2.3   name属性  定义这个列表的名称

7.3   option标记

7.3.1   <option>标记用来指定列表中的一个选项,需要放在<select></select>之间

7.3.2   值

value   给选项赋值,指定传送到服务器上面的值

selected   指定默认的选项

时间: 2024-11-13 22:35:52

HTML语言——表单设计的相关文章

移动应用表单设计秘籍

一直想写一篇文章,关于移动应用表单设计的,可惜最近项目很忙,忙到没有时间打理博客.最近体验产品的时候,经常看到错误的的表单设计,要么信息混乱,要么步骤繁复.要么语言程序化,要么视觉焦点跳跃,要么校验顺序混乱,要么反馈不及时,如此种种的问题,让我很想认真的总结一下,思考一下,为移动应用的表单设计,提供一些个人力所能及的建议,希望更多地设计师能认真思考移动应用表单的特殊性,能最大限度的提升表单设计的体验,提升效率,提高满意度. 本文将从清晰的视觉纵线.信息的分组.极致的减法.利用选择代替输入.标签及

通达OA工作流-表单设计

第1章    什么是工作流 1.1    工作流的用途 随着企业管理信息化进程的不断深入,协同应用软件的概念已深入人心,而工作流系统正是协同应用软件的核心.通过应用 IT 技术来规范工作流程.提高工作的执行效率和准确度.使企业运营更加高效.规范.稳健,是工作流系统主要解决的问题. Office Anywhere 内置的工作流系统,适用于各行各业,实现企业各类业务的申请.审批.会签.登记.操作等环节的管理,将协同工作的过程进行详细记录,便于日后审核与查询,并实现业务数据的规范化录入.查询.统计.打

表单设计中标签的布局方式有哪些

表单设计的标签本质上是一个与用户对话的起点,了解表单设计的标签的设置规则后,需要关注标签的布局方式,因为网页表单设计是影响用户如何回答问题的关键.表单设计标签的布局方式主要包含三种,测试数据展示,用户耗时从少到多的分别是顶对齐标签.右对齐标签.左对齐标签.下面介绍表单设计中标签的布局方式有哪些?1.顶对齐标签 表单设计的顶对齐的布局方式,标签和输入框的位置非常靠近,是用户阅读和填写的时间话费少,顶对齐标签为填写表单提供了清晰的完成路径,比左对齐标签方式快.此外,顶对齐标签还提供了大量的横向空间,

asp.net 微信企业号办公系统-表单设计-新建表单(属性设置)

点击表单设计工具栏上的 新建表单 按钮会弹出新表单属性设置框: 表单名称:新表单表名称. 数据连接:表单对应的数据库连接(此连接在 系统管理-->数据库连接 中维护). 数据表:表单对应的数据库表. 主键:数据库表的主键(主键只能是自增的int型,或uniqueidentifier(guid)类型). 标题字段:业务表中的哪个字段数据来作为待办任务的标题. 程序库分类:表单的分类,此分类在 数据字典 中维护. 任务标题:是否自动生成标题,如果是自动生成则会以 流程名称(发起者姓名) 的形式自动生

Activiti 工作流表单设计及开发

一.前言 Activiti 5对表单的支持目前还是比较弱的,表现在对表单的开发还需要写Freemark模板,并且它的模板还需要跟class文件一起打包发布.这使得流程的表单设计必须由开发人员来开发处理.因而,开发一套易用性强的流程表单功能就显得很有必要. 二.需求 用户一般都希望能有如Microsoft的Office套件中的InfoPath那样,可以自己进行设计,并且能与工作流程绑在一起进行流转处理.如下所示: 表单中每个字段有固定的数据类型,并由不同的数据控件展示,如日期.数字.单选或多选.下

asp.net 微信企业号办公系统-表单设计-保存与发布

表单的过程中可以随时保存,以便下次继续设计. 表单设计完成后即可点击发布按钮,发布表单,发布表单后即可在流程设计时选定该表单.

[2016-01-15][html][表单设计]

选择1选择2复选1复选1第1个第2个第3个第4个 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 <html>     <

Web标准:九、CSS表单设计

Web标准:九.CSS表单设计 知识点: 1.改变文本框和文本域样式 2.用图片美化按钮 3.改变下拉列表样式 4.用label标签提升用户体验 1)改变文本框和文本域样式 文本框标签:<input type="text" value="" class=""> 给这些文本框增加css样式,改变他们的样式: 最终显示效果如下: 文本域标签:<textarea id="" class="" r

33个与众不同的Web表单设计

表单在web设计中很重要,因为它具有直接的用户交互.创新?有趣?富有色彩?设计一个交互,需要设计师关注登陆/注册表单的设计元素. 这里有33个与众不同的web表单设计,希望能使你获得设计灵感. 1. Buffalo – Proposal Planner 2. We love icons 3. TinyBas 4. Justalab 5. Launchlist 6. Christian Sparrow 7. AudioLogic 8. Nike Running 9. Brianhandley de