HTML:from表单的属性和常用组合标签

表单标签

from表单，表单标签由from表单定义，只有用from标签包裹的内容才会被提交到服务器

from表单的属性

from标签有以下属性：

action：用来设置目标服务器的URL地址

method：控制form表单的提交方式，该属性可以省略，若省略，默认的提交方式是get

target:指定服务器返回结果显示的目标窗口或目标帧

title：当鼠标在表单上的任意位置停留时，显示的文本

enctype：指定浏览器使用哪种编码方法将表单数据传送给www服务器

name：设置表单的名字

name =""

method = ""

action = ""

target = ""

title = ""

enctype = ""

>

表单域

每一项用来收集用户信息的输入框或选项，常用的表单域 有 输入框，复选框，单选框，文字域，下拉列表等

input

input标签是表单中最常用的标签之一，通过改变它的type属性来完成不同的需求

type属性

type属性值内容文本模式，默认20个字符密码模式，输入的内容将会被字符掩饰提交按钮，把表单的内容上传到服务器 普通按钮用来触发 JS函数,不具有提交功能上传文件按钮，单选按钮多选按钮隐藏输入框提交按钮，图片模式重置按钮Email模式，限制用户只能 输入 Email类型url模式，限制用户只能 输入url类型日期模式，限制用户只能 输入 日期类型时间模式，限制用户只能 输入 时间类型月模式，限制用户只能 输入 月类型周模式，限制用户只能 输入 周类型数字模式，限制用户只能 输入 数字类型手机号码搜索框生成一个颜色选项表

name属性

用来定义定义控件名称

value属性

设置定义控件初始值

checked属性

设置控件初始状态是否被选中，一定要相同的name属性达到单选的效果

文件上传

使用file类型的input时要注意以下几点

1.form表单的method属性值要为post

1.form要加enctype="multipart/form-data"属性，这个属性说明了我们的文件以二进制方式传输文件，因为我们计算机本身最底层都是以二进制来显示、传输。

默认地，表单数据会编码为 "application/x-www-form-urlencoded"，不能用于文件上传

图片按钮

name:定义控件名称

src：指定图像地址

文字域

textarea用来创建一个可以输入多行文本的文本框，有cols属性和 rows属性，设置文本框的行数和列数，以字符为单位。

下拉菜单

select用于创建下拉列表或可以多选的列表框，用来设置列表中的项目

select属性：

name:此列表框的名字

multiple：设置是否可多选，该属性不需要赋值，如果加入该属性，在进行多项选择时，需要按住Ctrl键选择。

size :规定下拉列表中可见选项的数目(显示几行)

disabled:规定禁用该下拉列表

option属性：

selected ：用来指定默认的选项

value： 用来给指定的那一个选项赋值，这个值是要传送到服务器上的，服务器正是通过调用区域的名字的value 属性来获得该区域选中的数据项的

太原

晋中

晋城

石家庄

保定

沧州

label标签

label是input的描述，它本身不会有特殊效果，但它和其它input标签使用可以提升用户的使用体验，用户不用非得点击到按钮，而是点击文字即可选中，如“记住密码”。该标签有如下属性：

1、for：指定快捷键将作用于的表单字段元素，设置值必须与某个表单字段元素的id值相吻合。

2、accesskey：指定作用于for属性所对应的表单字段元素的快捷键，如果要使用这个快捷键，必须同时按下Alt键和这个快捷键。

标签一般和radio、checkbox类型一起使用。