今天先谈谈基本的表单用法。HTML5的新增表单，以后再做更新。若有不足，欢迎补充。

话不多说，让我们开始吧。

label 标签对form的作用：

label通过 for 与 form的 id  相关联。

abel 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

一、label

id：我一般用 label 来设置与 input 关联的字体，label是关联、双标签。其 for 属性是与 input 的 id 名称进行关联。

二、form的属性中，

action：表单的提交给后台的地址；

method：表单提交的信息或者数据的方式。一般常用到两种值，get或者post（这里不做详解，想了解的朋友可以搜索相关资料）

                  get：提交的数据会在搜索地址栏上显示，（从服务器上获得数据）

                  post：提交的数据不会在搜索地址栏显示。（从服务器上传递数据）

target：表单提交后在何处打开。一般也会用到两种值 ，_blank（在新窗口打开），_self（在当前页面打开）

二、input属性中

1、文本框：text

name：是定义数据或字段的名称。想要提交数据成功就必须给input一个name名。（如上图：若我在姓名输入框中写入  莉莉    ，则在提交数据的时候，搜索栏才会出现   name=莉莉  ）

value：定义表单中的默认值和信息。如上图，我给value一个  请输入姓名    ，则在表单上，会出现    请输入姓名，而且字体颜色是正常的黑体字。我们在鼠标移上聚焦，写入自己的名字是时候，字体是不会消失的，需手动删除。一般是不想达到这种效果的。       

这种效果，才是我们一般需求的，我们可以将  value  改成   placeholder（HTML5的内容）

外边框这种聚焦时的样式是不是很难看，

我们可以设置给input的外轮廓   outline:none;  就好啦。+

2、密码框：password（需注意点与文本框一致的，就不加重复了）

3、单选框：radio

值得注意的是这里的name值要取一致，value值是其默认信息，取值建议有语义。

4、多选框 checkbox

切记，name值要取一致

5、隐藏  hidden

这里设置隐藏后，其不会显示信息，但是还是会占文档流内存。

6、文件的上传 file

想达到多个文件上传，在cs3中会介绍。

7、按钮 button

不喜欢默认样式的，可以自己设置宽高。

8、重置 reset 

可以一键让表单中所有写的内容全部初始化。

9、提交 submit 

表单提交数据

三、多选框

多选框

jquery获取select选择的文本与值

1、获取select 选中的 text :

        $("select").chilldren("option:selected").text();

2、获取select选中的 value:

        $("select").val();

3、获取select选中的索引:

        $("select").get(0).selectedindex;

相应网址：http://blog.csdn.net/tiemufeng1122/article/details/44154571