HTML5

input标签


input[type=search]简介

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

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

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

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

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

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

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


audio标签



HTML5_第1张图片


HTML5_第2张图片


HTML5_第3张图片



form表单


一.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传值功能。一般用来传值,而不必让用户看到。)

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




你可能感兴趣的:(HTML5)