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 相关文章推荐
css3学习之2D转换功能详解
Dec 23 HTML / CSS
css3中新增的样式使用示例附效果图
Aug 19 HTML / CSS
布局和排版教程 纯css3实现图片三角形排列
Oct 17 HTML / CSS
一款纯css3实现的颜色渐变按钮的代码教程
Nov 12 HTML / CSS
整理HTML5移动端开发的常用触摸事件
Apr 15 HTML / CSS
浅谈HTML5 Web Worker的使用
Jan 05 HTML / CSS
浅析图片上传及canvas压缩的流程
Jun 10 HTML / CSS
canvas画图被放大且模糊的解决方法
Aug 11 HTML / CSS
Html5之webcoekt播放JPEG图片流
Sep 22 HTML / CSS
血轮眼轮回眼特效 html+css
Mar 31 HTML / CSS
浅谈为什么我的 z-index 又不生效了
Jul 15 HTML / CSS
HTML静态页面获取url参数和UserAgent的实现
Aug 05 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
一个简单php扩展介绍与开发教程
2010/08/19 PHP
微信公众平台实现获取用户OpenID的方法
2015/04/15 PHP
Laravel+jQuery实现AJAX分页效果
2016/09/14 PHP
jquery tab标签页的制作
2010/05/10 Javascript
javascript 学习笔记(一)DOM基本操作
2011/04/08 Javascript
js处理表格对table进行修饰
2014/05/26 Javascript
后台获取ZTREE选中节点的方法
2015/02/12 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
Bootstrap select多选下拉框实现代码
2016/12/23 Javascript
Nginx 配置多站点vhost 的方法
2018/01/07 Javascript
js删除数组中的元素delete和splice的区别详解
2018/02/03 Javascript
webpack4.x开发环境配置详解
2018/08/04 Javascript
JavaScript实现图片的放大缩小及拖拽功能示例
2019/05/14 Javascript
微信小程序实现张图片合成为一张并下载
2019/07/16 Javascript
Element Collapse 折叠面板的使用方法
2020/07/26 Javascript
js实现幻灯片轮播图
2020/08/14 Javascript
three.js显示中文字体与tween应用详析
2021/01/04 Javascript
python基于mysql实现的简单队列以及跨进程锁实例详解
2014/07/07 Python
python文件操作相关知识点总结整理
2016/02/22 Python
Python实现Smtplib发送带有各种附件的邮件实例
2017/06/05 Python
Python运维开发之psutil库的使用详解
2018/10/18 Python
python+mysql实现教务管理系统
2019/02/20 Python
Keras load_model 导入错误的解决方式
2020/06/09 Python
css3实现一个div设置多张背景图片及background-image属性实例演示
2017/08/10 HTML / CSS
CSS3教程(4):网页边框和网页文字阴影
2009/04/02 HTML / CSS
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
大学生实习自我鉴定
2013/12/11 职场文书
城市轨道交通工程职业规划书范文
2014/01/18 职场文书
销售经理工作职责
2014/02/03 职场文书
解除同居协议书
2015/01/29 职场文书
计划生育工作总结2015
2015/04/03 职场文书
聚会通知怎么写
2015/04/23 职场文书
幼儿园小班开学寄语(2016秋季)
2015/12/03 职场文书
竞聘演讲报告:基本写作有哪些?附开头范文
2019/10/16 职场文书
golang日志包logger的用法详解
2021/05/05 Golang
HTML CSS 一个标签实现带动画的抖音LOGO
2022/04/26 HTML / CSS