html5 input属性使用示例


Posted in HTML / CSS onJune 28, 2013

今天才接确html5 +css3 实在是太赞了。 下面我就来介绍一下今天我用到的 input 属性。
html5 input属性使用示例 
html5 代码如下:

复制代码
代码如下:

<input type="text" placeholder="输入 回车搜索" autofocus x-webkit-speech />
placeholder 默认提示字符 autofocus 当页面加载时,会获得焦点的一个按钮 x-webkit-speech 语音搜索,webkit内核才支持 accept 规定可上传的文件类型(仅适用type=file)
alt 规定图片输入控件代替文本 autocomplete 规定是否使用输入字段的自动完成功能 required 输入字段是必须的 step 输入数字的间隔 pattrn 对输入内容进行正则匹配
HTML / CSS 相关文章推荐
10个很棒的 CSS3 开发工具 推荐
May 16 HTML / CSS
css3中transition属性详解
Sep 02 HTML / CSS
利用CSS3的border-radius绘制太极及爱心图案示例
May 17 HTML / CSS
用CSS3的box-reflect来制作倒影效果
Nov 15 HTML / CSS
websocket+sockjs+stompjs详解及实例代码
Nov 30 HTML / CSS
基于IE10/HTML5 开发
Apr 22 HTML / CSS
HTML5通用接口详解
Jun 12 HTML / CSS
HTML5实现移动端弹幕动画效果
Aug 01 HTML / CSS
html+css实现滚动到元素位置显示加载动画效果
Aug 02 HTML / CSS
CSS作用域(样式分割)的使用汇总
Nov 07 HTML / CSS
解决flex布局中子项目尺寸不受flex-shrink限制
May 11 HTML / CSS
css如何把元素固定在容器底部的四种方式
Jun 16 HTML / CSS
HTML中使用SVG与SVG预定义形状元素介绍
Jun 28 #HTML / CSS
html5贪吃蛇游戏使用63行代码完美实现
Jun 25 #HTML / CSS
html5如何及时更新缓存文件(js、css或图片)
Jun 24 #HTML / CSS
html5 offlline 缓存使用示例
Jun 24 #HTML / CSS
html5 worker 实例(二) 图片变换效果
Jun 24 #HTML / CSS
html5 worker 实例(一) 为什么测试不到效果
Jun 24 #HTML / CSS
HTML5的表单(绝对特别强大的功能)使用示例
Jun 20 #HTML / CSS
You might like
UCenter Home二次开发指南
2009/05/28 PHP
ThinkPHP写第一个模块应用
2012/02/20 PHP
如何使用jQuery+PHP+MySQL来实现一个在线测试项目
2015/04/26 PHP
TP框架实现上传一张图片和批量上传图片的方法分析
2020/04/23 PHP
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
javascript 数组学习资料收集
2010/04/11 Javascript
JSChart轻量级图形报表工具(内置函数中文参考)
2010/10/11 Javascript
10个基于Jquery的幻灯片插件教程
2010/10/29 Javascript
JS.elementGetStyle(element, style)应用示例
2013/09/24 Javascript
js 判断图片是否加载完以及实现图片的预下载
2014/08/14 Javascript
jquery实现动态改变div宽度和高度
2015/05/08 Javascript
在Node.js应用中使用Redis的方法简介
2015/06/24 Javascript
jquery动画效果学习笔记(8种效果)
2015/11/13 Javascript
JavaScript继承模式粗探
2016/01/12 Javascript
浅析Javascript中bind()方法的使用与实现
2016/04/29 Javascript
Angular的$http的ajax的请求操作(推荐)
2017/01/10 Javascript
分享一个精简的vue.js 图片lazyload插件实例
2017/03/13 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
2017/07/20 jQuery
angularJS的radio实现单项二选一的使用方法
2018/02/28 Javascript
bootstrap table合并行数据并居中对齐效果
2018/10/17 Javascript
详解微信小程序支付流程与梳理
2019/07/16 Javascript
原生JS实现留言板功能
2020/02/08 Javascript
Openlayers测量距离与面积的实现方法
2020/09/25 Javascript
python通过pil模块获得图片exif信息的方法
2015/03/16 Python
Python中使用gzip模块压缩文件的简单教程
2015/04/08 Python
使用python实现对元素的长截图功能
2019/11/14 Python
CSS3弹性布局内容对齐(justify-content)属性使用详解
2017/07/31 HTML / CSS
西班牙太阳镜品牌:Hawkers
2018/03/11 全球购物
施华洛世奇韩国官网:SWAROVSKI韩国
2018/06/05 全球购物
会议开场欢迎词
2014/01/15 职场文书
奥巴马胜选演讲稿
2014/05/15 职场文书
学校党员对照检查材料
2014/08/28 职场文书
忠诚与背叛观后感
2015/06/04 职场文书
2019个人工作自我评价范文(3篇)
2019/09/19 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书
QT连接MYSQL数据库的详细步骤
2021/07/07 MySQL