-
form表单有什么作用?有哪些常用的input 标签,分别有什么作用?
- 表单方便后端获取用户的一些信息或者一些关键词,方便后端保存数据或者查询发送需要想要查询的内容。
- ①select:制作一个下拉列表,方便用户多选或者单选。
②textarea:一个多行文本框,方便用户输入更多内容。
③hidden:隐藏控件,安全。
④password:密码控件。
⑤text:文本输入框
⑥checkbox:多项选择控件。
⑦radio:单项选择控件。
⑧submit:提交按钮,向后端提交数据。
⑨button:提交按钮,写在form标签内,作用和submit一样。
-
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 中。
在input里,name 有什么作用?
*input标签里面name是一个key,发送到后端方便与value对应保存数据。-
radio 如何 分组?
- 把radio标签的name属性值设为一样即可。
-
placeholder 属性有什么作用?
- 给用户一个提醒,让用户知道此文本框要输入的内容是什么。
6.type=hidden隐藏域有什么作用? 举例说明
*hidden的作用是比较安全,用户看不到此处的内容,但是用户点击提交内容到后端时会一起提交到后端,方便后端核对用户的信息,提高安全性。具体例子不知道怎么弄。
-
HTML中form表单的简单用法
- 使用html标记form表单时,需要注意一下几点:
①. 所有的需要提交后端的表单内容需要包裹在form标签里面,form标签以外的内容不会被提交。
②. form中method属性值‘get’和‘post’需要根据具体情况而定,如果提交的内容含有隐私内容,例如密码,身份证号等私人信息,建议使用post方法,如果提交内容是一个关键字,用户需要查询一些内容,建议使用get方法。
③. 在使用单选框radio的时候,radio的name属性值必须一样,否则单选不起效果。
④. 个人建议,在文本输入框中写入placeholder属性,极大的方便用户数值此输入框要输入的内容。
⑤. 以上是自己总结的一些form表单的注意事项,还请老师多多指导。
- 使用html标记form表单时,需要注意一下几点:
实战演练
- 【form简单实例】(http://js.jirengu.com/desal)