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

html5 代码如下：

<input type="text" placeholder="输入 回车搜索" autofocus x-webkit-speech />

placeholder 默认提示字符  autofocus  当页面加载时，会获得焦点的一个按钮  x-webkit-speech 语音搜索,webkit内核才支持   accept 规定可上传的文件类型（仅适用type=file）

alt 规定图片输入控件代替文本   autocomplete  规定是否使用输入字段的自动完成功能  required 输入字段是必须的  step 输入数字的间隔  pattrn 对输入内容进行正则匹配


												


											
html5 input属性的更多相关文章
	

    
								
  1. HTML5 INPUT新增属性
		
    HTML5的input标签新增了很多属性,也是让大家非常兴奋的一件事,用简单的一个属性搞定以前复杂的JS验证.input新增的这些属性,使得html和js的分工更明确了,使用起来十分舒畅.我们先看下i ...
    
		
    2. 
						
  2. html5 input的type属性启动数字输入法
		
    html5 input的type属性启动数字输入法   当文本框只能输入数字是一个很常见的需求,比如电话号码,身份证号,卡号, 数量....等等只允许数字输入,为了更好的用户体验性,直接写出 启动数字 ...
    
		
    3. 
						
  3. Html5 input placeholder 属性字体颜色修改。
		
    这篇文章主要介绍了有关HTML5 input placeholder 颜色修改方面的知识,需要的朋友可以参考下     Chrome支持input=[type=text]占位文本属性,但下列CSS样式 ...
    
		
    4. 
						
  4. HTML5 学习总结（二）——HTML5新增属性与表单元素
		
    一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> & ...
    
		
    5. 
						
  5. HTML5 学习笔记（二）——HTML5新增属性与表单元素
		
    目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placehold ...
    
		
    6. 
						
  6. 原生HTML5 input type=file按钮UI自定义
		
    原生<input type="file" name="file" />长得太丑 提升一下颜值 实现方案一.设置input[type=file]透明度 ...
    
		
    7. 
						
  7. HTML5学习总结——HTML5新增属性与表单元素
		
    一HTML5新增属性 1.1contcxtmcnu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> < ...
    
		
    8. 
						
  8. HTML5新增属性
		
    [sourcecode language="plain"] <!DOCTYPE html> <html manifest="cache.manifest ...
    
		
    9. 
						
  9. HTML5 自动聚焦 属性
		
    原文 : HTML5 autofocus Attribut 原文发布时间: 2012年08月27日 翻译时间: 2013年8月6日 HTML5 推出了一大堆精彩的东西给我们. 过去我们要用JavaSc ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. XPath总结（转）
			
    XPath简介 XPath是W3C的一个标准.它最主要的目的是为了在XML1.0或XML1.1文档节点树中定位节点所设计.目前有XPath1.0和XPath2.0两个版本.其中Xpath1.0是199 ...
    
			
    2. 
						
  2. Linux下报 java.net.SocketException权限不够 异常解决
			
    转载自:http://wangchongan.com/articles/java-net-socket-exception-permission-denied.html 今天在Linux下用Jetty ...
    
			
    3. 
						
  3. adb logcat命令查看并过滤android输出log
			
    cmd命令行中使用adb logcat命令查看android系统和应用的log,dos窗口按ctrl+c中断输出log记录. logcat日志中的优先级/tag标记: android输出的每一条日志都 ...
    
			
    4. 
						
  4. VS2012 无法启动IIS Express Web服务器的解决方案
			
    本文转载:http://blog.csdn.net/hongleidy5000/article/details/22732621 打开VS2012解决方案资源管理器 -> 点选 Web 项目选择 ...
    
			
    5. 
						
  5. Leetcode - Reverse Words
			
    比起POJ弱爆了一题,从后往前扫描一遍,O(n)时间,仅仅要注意各种极端情况就可以,不明确通过率为什么仅仅有13%. #include<iostream> #include<stri ...
    
			
    6. 
						
  6. 三星笔记本R428安装xp win7双系统，切换系统重启才能进入系统解决办法。
			
    三星笔记本 XP win7 双系统切换重启解决方法 三星笔记本有个奇怪的现象,就是装有XP和win7双系统    xp切换到win7.进系统是会重启一次,并且bios回复光驱为第一启动项,win7切换 ...
    
			
    7. 
						
  7. PHP 函数的“引用返回”概念释疑(转)
			
    很多时候我们会看到这样的代码(出自 CI 框架源码): 1 $class =& load_class('a','b'); 我们都知道其中的'&'是指引用,但是它的作用是什么呢?它能够解 ...
    
			
    8. 
						
  8. [转] 关于c++的头文件依赖
			
    http://www.cnblogs.com/yvesliao/p/3938730.html PS: 使用单向依赖 正在看google c++编程规范,里面对头文件依赖是这么说的: 1 2 3 4 5 ...
    
			
    9. 
						
  9. yii 载入css or js
			
    Yii::app()->clientScript->registerScriptFile(Yii::app()->baseUrl . "/js/TableView.js&q ...
    
			
    10. 
						
  10. sublime text3  插件配置
			
    (转) sublme text 全程指引:http://www.cnblogs.com/figure9/p/sublime-text-complete-guide.html 使用Package Con ...
    
			
    11.