HTML表单简介

1.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？

form表单的作用是将表单内的数据提交到后台。
常用的input标签属性有:

• type="text"：该标签属性为单行文本框。
• type="radio"：该标签属性为单选框。
• type="checkbox"：该标签属性为多选框。
• type="button"：该标签属性为按钮，但不提交数据
• type="submmit"：该标签属性为提交按钮，点击之后，表单内数据提交到后台。
• type="password"：该标签属性专为密码输入设置，使用该属性后，用户在输入密码的时候，输入的密码讲全部以*号显示，可以防止用户密码泄露，保证用户密码安全。
• type="reset"：重新填写该表单内的数据。
• type="hidden"：隐藏该表单，但可以提交数据，一种用来保护网站安全的手段，如果后台在验证数据的过程中，没有该input的name和value,则视该数据不是本网站提交的数据。
• name="sex"：该标签属性为提交数据的索引。
• placeholder="请输入您的账号"：该标签属性为该input文本框中的默认提示语，不影响该标签内的value，也就是说它的值不会被提交到后台。
• value="beijing"：该标签属性为value，提交表单后，它的值会被提交到后台，name是它的索引。
• <textarea></textarea>该标签为多行文本输入框。

2.post 和 get 方式的区别？

• 从数据的传送数量来看，get只能传送1024个字节，而post理论上可以传送无限的数据。
• 从功能上来看，get是获取后台数据，而post是提交前端数据。
• 从安全性上面来考虑，get所获取的数据可以被查看到，它会以url+?+value&value的形式组合成一个新的网址发送到后台，注意这里的value可以不止是两个，也可以是多个,value之间用&符号连接，所以get所发送的数据是可见的，是不安全的。而post不改变url，他将数据放在http请求上，发送至后台，他的数据是不可见得，是私密的，所以它是安全的。

3.在input里，name 有什么作用？

name可以用来作为value的索引，如果没有name，那后台将无法获取用户所填写的数据。

4.radio 如何 分组?

radio是单选框，如果要将radio分组的话，就使用不同的name,相同的name为一组，且这组当中只能同时选择一个。

5.placeholder 属性有什么作用?

placeholder,从它的字面意思可以理解为“空白常驻”，意思就是在未填写文本框时，文本框内还有一个一直存在的提示语句，直到用户填写数据，提示语句消失。并且，用户提交数据时，placeholder中的值不会被提交，因为它不是value。

6.type=hidden隐藏域有什么作用? 举例说明

隐藏一个标签，使该标签不出现在页面中，利用这一特性，可以使后台验证提交的数据是否是合法的数据。For example:
<input type="hidden" name="key" value="abc123">，如果在提交了表单之后，后台没有检测到name=key，value=abc123，那么后台将会认为该提交表单数据非法，通过这一特性，可以提高网站的安全性。