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的特性改变文本选中时的颜色
Sep 11 HTML / CSS
一款纯css3实现的非常实用的鼠标悬停特效演示
Nov 05 HTML / CSS
详解CSS3中使用gradient实现渐变效果的方法
Aug 18 HTML / CSS
用CSS3实现无限循环的无缝滚动的示例代码
Nov 01 HTML / CSS
CSS3实现网站商品展示效果图
Jan 18 HTML / CSS
html5仿支付宝密码框的实现代码
Sep 06 HTML / CSS
canvas实现俄罗斯方块的方法示例
Dec 13 HTML / CSS
canvas学习笔记之2d画布基础的实现
Feb 21 HTML / CSS
浅谈pc和移动端的响应式的使用
Jan 03 HTML / CSS
HTML5画渐变背景图片并自动下载实现步骤
Nov 18 HTML / CSS
利用HTML5中的Canvas绘制一张笑脸的教程
May 07 HTML / CSS
HTML5中外部浏览器唤起微信分享功能的代码
Sep 15 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
杏林同学录(七)
2006/10/09 PHP
供参考的 php 学习提高路线分享
2011/10/23 PHP
dedecms集成财付通支付接口
2014/12/28 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
javascript两段代码,两个小技巧
2010/02/04 Javascript
javascript之通用简单的table选项卡实现(二)
2010/05/09 Javascript
Jquery跨域获得Json时invalid label错误的解决办法
2011/01/11 Javascript
通过Javascript创建一个选择文件的对话框代码
2012/06/16 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
js实现同一页面多个运动效果的方法
2015/04/10 Javascript
简单纯js实现点击切换TAB标签实例
2015/08/23 Javascript
干货分享:让你分分钟学会javascript闭包
2015/12/25 Javascript
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
2016/11/03 Javascript
Angular.Js的自动化测试详解
2016/12/09 Javascript
树结构之JavaScript
2017/01/24 Javascript
JS删除数组里的某个元素方法
2018/02/03 Javascript
vue input输入框关键字筛选检索列表数据展示
2020/10/26 Javascript
JS求解两数之和算法详解
2020/04/28 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
2020/09/01 Javascript
Python兔子毒药问题实例分析
2015/03/05 Python
使用Python构建Hopfield网络的教程
2015/04/14 Python
Python利用BeautifulSoup解析Html的方法示例
2017/07/30 Python
使用Python写一个贪吃蛇游戏实例代码
2017/08/21 Python
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
python创造虚拟环境方法总结
2019/03/04 Python
python-图片流传输的思路及示例(url转换二维码)
2020/12/21 Python
canvas仿写贝塞尔曲线的示例代码
2017/12/29 HTML / CSS
Under Armour安德玛荷兰官网:美国高端运动科技品牌
2019/07/10 全球购物
static全局变量与普通的全局变量有什么区别
2014/05/27 面试题
资助贫困学生倡议书
2014/05/16 职场文书
地震慰问信
2015/02/14 职场文书
2015年学生会主席工作总结
2015/04/21 职场文书
只用40行Python代码就能写出pdf转word小工具
2021/05/31 Python
世界各国短波电台对东亚播送时间频率表(SW)
2021/06/28 无线电
使用Docker容器部署rocketmq单机的全过程
2022/04/03 Servers