1. form表单有什么作用?有哪些常用的input 标签,分别有什么作用?
1.1 表单可以收集已经填写的一些信息提交给服务器-及网站后台;
1.2 常见input标签
<input type="text"> 文本框输入,获取文本信息
<input type="radio"> 单选框,获取单选信息
<input type="checkbox"> 复选框,获取复选信息
<input type="hidden"> 隐藏文本框,获取页面信息隐藏传递
<input type="password"> 密码文本框,输入密码获取密码
<input type="button"> 普通按钮-可设置一些js,触发相关js
<input type="submit"> 提交按钮-提交表单
<input type="reset"> 重置按钮-重置表单
<input type="file"> 上传文档
2. post 和 get 方式的区别?
表单的form的method有两种,get和post;
- 安全:get发送给后台时,把数据信息拼接起来在url内,可被看见,不安全;post直接只是显示跳转地址,数据外界看不到,更加安全
- 数据量 :由于get 是把表单数据拼接放在url地址内,故有上限,数据有限,当超过界限,会被截断;post是把表单数据封装直接传给后台服务器,不会在前端界面显示,故可传输大量数据;
- 表现形式:get 拼接表单数据放置于URL内,随URL一起传递给后台服务器;post则是把信息通过后台直接给服务器,不在前端显示
- 使用场景 :get一般用于发送一些简单信息;post则是一般用于发送回传一些大量数据,例如文章或数据量大的文档软件
3. 在input里,name 有什么作用?
name 属性用于对提交到服务器后的表单数据进行标识
4. radio 如何 分组?
<div class="sexual">
<label for="sexual">取向:</label>
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女
</div>
如上代码,把name设成一样的即可分为一组
5. placeholder 属性有什么作用?
placeholder属性,可以设置提示信息,当输入时,提示信息自动消失,不影响输入和获取;
6. type=hidden隐藏域有什么作用? 举例说明
第一,隐藏一些不想让用户看见的信息
第二,可用于校验数据存储,从而安全性更改;