<form>

众所周知，HTML是一门很简单的标记语言（千万别理解成为编程语言）。学很容易，但真正精通却需要大量的键盘练习。在实际开发过程中，同样的任务，可能因为一个padding值不一样，而和其他成员大相径庭，每个标签你都认识，却不一定都会用。

以下给大家分享一些简单，适合初学者的表单知识。

说到<form>，你应该张嘴就可以说出十大属性，很简单“两个4+1”

<input type="text"/> //文本框

<input type="password"/> //密码框

<input type="radio"/> //单选框

<input type="checkbox"/> //多选框

<input type="file"/> //文件上传

<input type="reset"/> //重置按钮

<input type="submit"/> //提交按钮

<input type="button"/> //普通按钮

<input type="image"/> //图片提交按钮

<input type="hidden"/> //隐藏

其中：

<input/> //默认就是text属性，使用文本框的时候可以不写。

男：<input type="radio"/>女：<input type="radio"/> //在进行多选一的时候会发现一些问题：1.选择之后不能退选，2.两个都可以选；

解决方法：可以通过给两个input设置一样的name="sex"就可以解决这个问题

有时候我们的用户填写表单的时候，不希望每个都选，这个时候我们就可以默认一个选项

男：<input type="radio" checked="true"/> //默认选择就是男

<input type="checkbox" checked/> //多选一样可以默认选项，这是简写，true可以不要。

<input type="file"/> //这个没什么好讲的。

下面是4个按钮，其中3个是功能按钮。当然你现在会发现3个按钮都失效了，一个按钮连名字都没有。

对于3个功能按钮，失效是因为<input>标签之外还应该加个<form></form>,这样你的功能按钮才可以发挥作用。还有一个普通按钮应该：<input type="button" value="提交"/> 加个value。

最后一个隐藏按钮，你会发现什么显示都没有，有显示才怪了，一般都是在动态网页里进行传值

当大家写完这10个标签，再在外面套对<form></form>的时候，这个表单其实还没有完。表单当然是提交一些数据是吧，所以应该加上action属性：

<form action="http://www.baidu.com">

这个例子会把表单提交到百度，但，但是，百度不会聊你，呵呵。其实大家发现没有，我们提交上去的文本，密码等，都没有显示，虽然我们加上了action。这是因为我们的没有加上name属性。别忘了加上name属性，这样表单就会携带者密码等去到百度，但是，百度不聊你。。

最后的最后，重要的事情说三遍：

多练

多练

多练