Form表单

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

• Form表单的作用是：收集用户通过页面填写的信息，然后传给后台。
• 常见的标签及其作用
  首先要注意所有的表单都必须要放到
  中，否则提交是无效的。
  下面列举出常见的的type类型：
  单行文本输入框type="text"：

密码输入type="password"

复选框type='checkbox'

        

            喜欢的运动
            篮球
            棒球
             足球
            
        

单选框type="radio"

        

            性别
            man
            woman
            
        

上传文件 type="file"

隐藏域type="hidden"

下面是提交和重置的type类型
提交

重置

下面介绍其他相关标签：
下拉选择框select：

        

            
                篮球
                棒球
                足球
            
            
        

多行文本输入框textarea：

        

                            可以输入多行的文本,而type="text"只允许输入单行文本
            
        

二.post 和 get 方式的区别？

在form标签中，一般属性有action和method，action表示的是表单提交信息的地址，而method是表示用何种方式传递数据，有get和post两种方式，下面比较两种方式的区别。

get一般用于获取和查询数据信息，post一般用于更新资源。
get一般就像数据库查询一样，仅仅获取资源信息，并不会修改服务器上的值，post是用于更新资源的，可能会修改服务器上的资源。

• 两种提交方式的区别

1. get
   get请求的数据会加到URL之后，请求多个参数的时候用&隔开，传输的数据和URL依靠?分隔开来，例如
   [http://www.it315.org/counter.jsp?name=zhangsan&password=123]。另外url的编码格式为ASCII码，所有的非ASCII字符都需要重新编码在进行传输。
2. post
   用post方式提交数据的时候，请求的数据是放到HTTP包的包体中的，所以post提交的情况浏览器的地址栏不会改变。

• 传输数据的大小差异
  由于上述方式的差异，get方式一般提交的数据最多为1kb（1024字节），而post没有限制，可以传输较多的数据。
• 安全性问题
  使用get请求发送数据的时候，你的username和password都会出现在URL上，很容易泄露，并且get请求可以被缓存。post请求不可以被缓存，相比之下post安全性要比get的安全性高。
  所以要满足get是向服务器发送索取数据的一种请求，post是向服务器提交数据的一种请求这一条件。

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

在input标签中，name属性表示的是input元素的名称，只有设置了name属性的表单元素才能成功传递他们的值。另外在单选框中，name属性还起到分组的作用。

四.radio 如何 分组?

在

        男
        女

        男
        女

中，通过设置name的值来确定分组，name属性的值相同的为同一组，同一组的只允许单选。

五.placeholder 属性有什么作用?

运行效果为

placeholder效果

,会给用户一个提示内容引导用户输入数据。

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

称作表单隐藏域，对于用户来说是不可见的。用来传递参数和一些特殊的功能。可以暂时存储网站安全的信息以及一些其他数据。
隐藏域的优势在于支持所有的浏览器，在用户禁用cookie的时候也能使用。
一些具体的应用举例：

1. 一般页面中form中有多个提交按钮时，如果要判断用户是通过哪一个按钮提交，就可以在每一个按钮上加上一个隐藏域来确定。
2. 再或者要确定用户登录本页面时间长短，也可以通过设置隐藏域。
3. 可以防止CSRF攻击，请求时，通过在隐藏域value中存储一个后台提供的随机数，来判断登录的用户是否合法。