表单

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

• form表单用于收集用户输入。将收集到的用户数据提交到后台服务器。

input标签	作用
text	文本输入框
password	密码输入框
checkbox	复选框
radio	单选框
select	下拉菜单
textarea	多行文本
file	选择文件上传
hidden	隐藏域
reset	重置按钮
button	普通按钮
submit	提交按钮

---

2、post 和 get 方式的区别？

• get是把用户提交表单时的数据加到URL中，这些在URl中的数据对用户来说是可见的。post是通过HTTP POST机制，将表单内各个字段与其内容放置在HTML HEADER内一起传送到action属性所指的URL地址，数据对于用户来说是不可见的。
• get请求在URL中传送的参数是有长度限制的，而post没有。
• get方式安全性低，post方式较安全。但是post方式执行效率要比get方式差一些。
• get是向服务器发索取数据的一种请求，而Post是向服务器提交数据的一种请求。

总结：#####

（1）get方式的安全性较post方式要差一些，所以，包含一些重要的信息的话，简易使用post数据提交方式。
（2）在做查询统计的时候，使用get方式要更好一些；而在做数据的添加，修改或删除操作时，使用post数据提交方式更好些。

---

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

• name 属性规定 input 元素的名称。
• 对提交到服务器后的表单数据进行标识，或者在客户端通过 JavaScript 引用表单数据。
• 只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。

---

4、radio 如何 分组?

按name来分，name相同就是一组。

---

5、placeholder 属性有什么作用

• 显示输入框里的预设值，一般起到提示作用。
• placeholder 属性适用于以下输入类型：text、password、search、url、tel、email 。

---

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

设置在页面的隐藏域，用户是不可见的。用户提交表单时隐藏域中的信息会一起发送到服务器，服务器对隐藏域中的值进行验证，提高安全性。

---

7、写一篇博客简单介绍 HTML 表单的用法，附上博客链接

    <div class="login">
    <form action="/www" method="get">    \form标签包围表单,注意get和post的使用
        <div class="username">
            <label for="user">姓名</label>   \label的用法，placeholder的使用
            <input id="user" type="text" name="uername" placeholder="lili">
        </div>
        <div class="password">
            <label for="ps">密码</label>
            <input id="ps" type="password" name=password>
        </div>
            <div class="submit">
            <button>提交</button>
        </div>
        <div class=hobby>
            <label>爱好</label>       /checkbox标签时，name应相同，注意value的作用
            <input type="checkbox" name="hobby" value="dushu">读书
            <input type="checkbox" name="hobby" value="xiezi">鞋子
            <input type="checkbox" name="hobby" value="yifu">衣服
        </div>
        <div class="sex">
        <label>sex</label>           /radio标签时，name相同为一组
            <input type="radio" name="sex" value="nan">男
            <input type="radio" name="sex" value="nv">女
            <input type="radio" name="sex2" value="nan">男
            <input type="radio" name="sex2" value="nv">女
        </div>
        <div clas="file">        /file标签，accept="png/image"可以限制上传图片格式
            <label>图片</label>
            <input type=file name="mafile">
        </div>
        <div class="select">            /下拉菜单的使用方法
            <select name="city">
            <option value="beijing">北京</option>
            <option value="shanghai">上海</option>
            </select>
        </div>
        <div class="textarea">      /多行文字的使用方法。填入的11111111“相当于”value
            <textarea name="article" rows="30" cols="50">
            11111111
            </textarea>
        </div>
        </div>
    </form>