html表单设计原理,HTML表单设计

一、表单标记

...定义表单的开始位置和结束位置，表单提交时的内容就是表单中的内容

基本格式：

...

常用属性：

name　　表单名称

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

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

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

action　　表单数据的处理程序的url地址，如果为空则使用当前文档的url地址，如果表单中不需要使用action属性也要指定其属性为“no”

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

target　　和超链接的属于类似，用来指定目标端口

二、文本域和密码

标记没有结束标记

基本语法：

属性介绍：

type

text　　当type=“text”时，表示一个文本输入域

password　　当type=“password”时，表示一个密码输入域

name　　定义控件的名称

value　　初始化值，打开浏览器时，文本框中的内容

size　　设置控件的长度

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

三、提交、重置、普通按钮

1.提交按钮

当时，为提交按钮

2.重置按钮

当时，为重置按钮

3.普通按钮

当时，为普通按钮

四、单选框和复选框

1.单选按钮

当时，为单选按钮

2.复选框

当时，为复选框

3.注意

单选框和复选框都可以使用“checked”属性来设置默认选中项

五、隐藏域

当时，为隐藏表单域

六、多行文本域

用法：使用标记可以实现一个，能够输入多行文本的区域

格式：

... ...

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

七、菜单下拉列表域

语法格式：

选项1

选项2

选项3

... ...

属性：

multiple　　设置可以多选

value　　设置传送的数据

option标记：

标记用来指定列表中的一个选项，需要放在之间

selected　　指定默认的选项

表单设计账号：

密码：

爱好：体育唱歌

性别：男女

自我介绍：

这里是自我介绍

地址：

四川

北京

上海