Form表单简介
2017-09-01 本文已影响0人
顺丰笑嘻嘻
Form表单的作用、常用的input标签以及作用
表单的作用是搜集用户的输入，用户提交表单时向服务器传输数据，从而实现用户与web服务器的交互。
常用的input标签以及作用
| 标签 | 作用 |
|---|---|
<input type="text"> |
设置单行输入文本 |
<input type="password"> |
设置单行输入密码 |
<input type="radio"> |
设置单选按钮 |
<input type="reset"> |
设置重置按钮 |
<input type="button"> |
设置按钮 |
<input type="submit"> |
设置提交按钮 |
<input type="checkbox"> |
设置复选框 |
<input type="file"> |
设置上传文件按钮 |
Post和get方式的区别
~ GET POST 后退按钮/刷新 无害 数据会被重新提交（浏览器应该告知用户数据会被重新提交）。 书签 可收藏为书签 不可收藏为书签 缓存 能被缓存 不能被缓存 编码类型 application/x-www-form-urlencoded application/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。 历史 参数保留在浏览器历史中。 参数不会保存在浏览器历史中。 对数据长度的限制 是的。当发送数据时，GET 方法向 URL 添加数据；URL 的长度是受限制的（URL 的最大长度是 2048 个字符）。 无限制。 对数据类型的限制 只允许 ASCII 字符。 没有限制。也允许二进制数据。 安全性 与 POST 相比，GET 的安全性较差，因为所发送的数据是 URL 的一部分。在发送密码或其他敏感信息时绝不要使用 GET POST 比 GET 更安全，因为参数不会被保存在浏览器历史或 web 服务器日志中。 可见性 数据在 URL 中对所有人都是可见的。 数据不会显示在 URL 中。
在input里name有什么作用
name 属性规定 input 元素的名称，只有设置了 name 属性的表单元素才能在提交表单时传递它们的值。
Radio如何分组
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="female">女
Placeholder 属性有什么作用?
提示该输入什么信息，并在选定时消失。
Type=hidden隐藏域有什么作用? 举例说明
Hidden 对象代表一个 HTML 表单中的某个隐藏输入域。
这种类型的输入元素实际上是隐藏的。这个不可见的表单元素的 value 属性保存了一个要提交给 Web 服务器的任意字符串。如果想要提交并非用户直接输入的数据的话，就是用这种类型的元素。
在 HTML 表单中 <input type="hidden"> 标签每出现一次，一个 Hidden 对象就会被创建。
您可通过遍历表单的 elements[] 数组来访问某个隐藏输入域，或者通过使用document.getElementById()。
参考链接：http://www.w3school.com.cn/jsref/dom_obj_hidden.asp
