HTML5

2018-07-29 本文已影响0人郑无穷大

input标签

input[type=search]简介

使用css3新增的属性来控制input[type=search]

::-webkit-input-placeholder 在input里面加一个placeholder可以设置写入的字体颜色；

::-webkit-search-cancel-button 默认的按钮，

设置input autocomplete="off"去掉弹出的下拉框；

可设置results来保存几条历史搜索记录；

想让移动端输入后出现search，则要添加form标签，然后设置action；

这些东西都是针对移动端。

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

form表单就是可以将嵌入在form里面的input的内容上传

常见的input标签有：text 单行文本框

password 密码框

checkbox 多选组件

radio 单选组件

file 上传文件

hidden 隐藏组件

submit 提交数据按钮

bottom 普通按钮

reset 重置按钮

二.post 和 get 方式的区别？

1.get主要用于获取数据，post主要用于上传数据

2.get传输数据会将其属性的值显示拼接在url中会被人看见，不安全，post则会隐藏，不会被人看见，较安全。

3.get提交的信息有限，不能提交太大量的信息，post则可以。

三.在input里，name 有什么作用？

name属性规定了input元素的名称，用于后续提交表单数据，或者在JS中引用表单。

四.radio 如何分组?

通过设置name的属性分组，name属性相同的为一组，

五,placeholder 属性有什么作用?

编辑在文本框中提示的内容，当鼠标选中该文本框的时候，提示的内容会消失。

六. type=hidden隐藏域有什么作用? 举例说明

隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用（隐藏只是在网页页面上面不显示输入框，但是虽然隐藏了，还是具有form传值功能。一般用来传值，而不必让用户看到。）

例：在暗中设置一些获取数据需要的密码，防止黑客攻击