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标签







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

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




©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 接上 关于HTML/HTML5(一)http://www.jianshu.com/p/33fc7840c079 学...
    Amyyy_阅读 4,247评论 0 4
  • HTML5 新的表单元素 HTML5 有以下新的表单元素: < datalist> 注意:不是所有的浏览器都支持H...
    鹿守心畔光阅读 3,725评论 0 2
  • html5新增了许多表单属性。这里主要分为 属性和 属性,当然还有关于checkbox的和label标签的属性我们...
    便U_Life阅读 6,355评论 0 8
  • HTML5 新的表单属性HTML5的 和 标签添加了几个新的属性<from>新属性:1.autocomplete2...
    龍飝阅读 3,652评论 0 1
  • <input type=> text:在表单中输入字母、数字等内容,默认宽度为20字符 radio:单选按钮 ch...
    梨啊梨阅读 3,704评论 0 0

友情链接更多精彩内容