HTML中form表单的一些常见问题

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

   • 表单方便后端获取用户的一些信息或者一些关键词，方便后端保存数据或者查询发送需要想要查询的内容。
   • ①select：制作一个下拉列表，方便用户多选或者单选。
     ②textarea：一个多行文本框，方便用户输入更多内容。
     ③hidden：隐藏控件，安全。
     ④password：密码控件。
     ⑤text：文本输入框
     ⑥checkbox：多项选择控件。
     ⑦radio：单项选择控件。
     ⑧submit：提交按钮，向后端提交数据。
     ⑨button：提交按钮，写在form标签内，作用和submit一样。

2. post 和 get 方式的区别？

   • GET后退按钮/刷新无害，POST数据会被重新提交（浏览器应该告知用户数据会被重新提交）。
   • GET书签可收藏，POST为书签不可收藏。
   • GET能被缓存，POST不能缓存 。
   • GET编码类型application/x-www-form-url，POST编码类型application/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。
   • GET历史参数保留在浏览器历史中。POST参数不会保存在浏览器历史中。
   • GET对数据长度有限制，当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。POST无限制。
   • GET只允许 ASCII 字符。POST没有限制。也允许二进制数据。
   • 与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET ！POST 比 GET 更安全，因为参数不会被保存在浏览器历史或 web 服务器日志中。GET的数据在 URL 中对所有人都是可见的。POST的数据不会显示在 URL 中。

3. 在input里，name 有什么作用？
   *input标签里面name是一个key，发送到后端方便与value对应保存数据。

4. radio 如何 分组?

   • 把radio标签的name属性值设为一样即可。

5. placeholder 属性有什么作用?

   • 给用户一个提醒，让用户知道此文本框要输入的内容是什么。

6.type=hidden隐藏域有什么作用? 举例说明
*hidden的作用是比较安全，用户看不到此处的内容，但是用户点击提交内容到后端时会一起提交到后端，方便后端核对用户的信息，提高安全性。具体例子不知道怎么弄。

7. HTML中form表单的简单用法

   • 使用html标记form表单时，需要注意一下几点：
     ①. 所有的需要提交后端的表单内容需要包裹在form标签里面，form标签以外的内容不会被提交。
     ②. form中method属性值‘get’和‘post’需要根据具体情况而定，如果提交的内容含有隐私内容，例如密码，身份证号等私人信息，建议使用post方法，如果提交内容是一个关键字，用户需要查询一些内容，建议使用get方法。
     ③. 在使用单选框radio的时候，radio的name属性值必须一样，否则单选不起效果。
     ④. 个人建议，在文本输入框中写入placeholder属性，极大的方便用户数值此输入框要输入的内容。
     ⑤. 以上是自己总结的一些form表单的注意事项，还请老师多多指导。

8. 实战演练

• 【form简单实例】（http://js.jirengu.com/desal）