1、form表单有什么作用?有哪些常用的input 标签,分别有什么作用?
form表单的作用就是用于收集以前写的一些信息,然后提交给网站后台。
input 标签,分别有什么作用?
(1)text 类型
普通文本
(2)password 类型
输入密码框,输入的字符自动变为点。以防他人窃取信息
(3)checkbox 类型
checkbox 输入复选框,可以选择不只一个
(4)radio 类型
输入单选框,只能选择一个
(5)file 类型
上传文件
(6)submit 类型
提交表单
(7)button 类型
能点击,但不会提交
(8)reset 类型
重置表单
(9)hidden类型
这个输入框是隐藏的。
(10)菜单<select>
选项列表
(11)<textarea>
可输入多行文本
2、post 和 get 方式的区别?
关于方式上
对于get方式当浏览器向服务器发送请求的时候,它会把所有请求数据把它拼接成key=value的形式连接到一起然后组装到url上。
对post请求 这个url不会发生变化,但是数据会被发送到后台。关于安全性
get方式不安全 密码会被传送到url上,很容易泄露
post方式更为安全数据量的要求
get 有限制
post 没有限制
3、在input里,name 有什么作用?
我们整理数据给后端的时候,会把所有东西组成key value的
形式,而这个key值,就是name的值。
所以所有的input都要加上name,否则就是白写。
4、radio 如何 分组?
通过设置name值, name值相同的为一个组
5、placeholder 属性有什么作用?
输入提示
6、type=hidden隐藏域有什么作用? 举例说明
(1)隐藏域在页面中对于用户是不可见得,在表单中插入隐藏域的目的在于收集或发送信息,以利于
被处理表单的程序使用。浏览器者单击发送按钮发送表单时候,隐藏域的信息也被一起发送到服务器。
(2)后端接收前端传来的数据,需要确认前端的身份,是本公司的网页传来的数据,而不是
其他黑客知道后端地址后传来的假数据,那么就加一个隐藏域。验证value里的值和数据库的name
值是不是对应的。
(3)有时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户是按那个
按钮提交上来的呢,我们就可以通过写一个隐藏域,然后在每个按钮处加上onclick="document.form.command.value ="xx""
然后先检查command的值就会知道用户是按那个按钮提交上来的。
(4)有时候一个网页中有多个form,我们知道多个forms是不能同时提交的,
但是有时这些form确实相互作用,我们就可以在form中添加隐藏域来使它们联系起来。
(5)JavaScript不支持全局变量,但有时我们必须用全局变量,我们就可以先把值存在隐藏域里,
它的值就不会丢失了。
(6)比如按一个按钮弹出四个小窗口,当点击其中一个小窗口时其他的三个自动
关闭,可是IE不支持小窗口相互调用,所以只有在父窗口写个隐藏域,当小窗口
看到那个隐藏域的值是close时就自己关掉。
写一篇博客简单介绍 HTML 表单的用法,附上博客链接
博客链接
实现如下表单,附上预览地址。其中性别和取向是单选,爱好是多选。
预览