今天才接确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. 如果在安装32位oracle 客户端组件时的情况下以64位模式运行,将出现问题
			
    今天要写个程序,环境是win7+ vs2008+ oracle.首先得保证能连接到数据库.确认代码是没有问题的,但是拿过来直接.报错: “尝试加载 Oracle 客户端库时引发 BadImageFor ...
    
			
    2. 
						
  2. Change ugly fonts in Firefox (KDE)
			
    When you use KDE the fonts in Firefox are ugly. This is the fix: Open with Kate: /home/yourusername/ ...
    
			
    3. 
						
  3. PHP中echo,print(),print_r()的区别
			
    echo是 php 语句, print和print_r是函数,语句没有返回值,函数可以有返回值(即便没有用)    print() 只能打印出简单类型变量的值(如int,string) print_r ...
    
			
    4. 
						
  4. log4j配置祥解
			
    第一步:加入log4j-1.2.8.jar到lib下. 第二步:在CLASSPATH下建立log4j.properties.内容如下: 1 log4j.rootCategory=INFO, stdou ...
    
			
    5. 
						
  5. mybatis  多参数处理
			
    接口交互比较多, 所以 入参比较多,  有五个参数,是排序 参数, 跟这个五个参数排序,本来想写个对象的, 怕麻烦, 就把 五个参数 变成一个参数, 升序 1 ,降序2 ,比如  11221 ,第三第 ...
    
			
    6. 
						
  6. HDU4530：小Q系列故事——大笨钟
			
    Problem Description 饱尝情感苦恼的小Q本打算隐居一段时间,但仅仅在3月25号一天没有出现,就有很多朋友想念他,所以,他今天决定再出来一次,正式和大家做个告别. 小Q近来睡眠情况很差 ...
    
			
    7. 
						
  7. POJ2250：Compromise(LCS)
			
    Description In a few months the European Currency Union will become a reality. However, to join the  ...
    
			
    8. 
						
  8. xcode中的第三方库配置问题总结
			
    xcode中的第三方库配置总结 在导入第三方库的时候,总是会遇到许多的问题.在这里,我记录一下学到的一些知识点.写得比较乱.只要是想要记录下来,在第三方库导入的时候,遇到的一些问题. 参考网址: ht ...
    
			
    9. 
						
  9. 第一篇：数据库需求与ER建模
			
    前言 在数据库建设过程中,哪一步最重要?绝大多数资料会告诉你,是需求分析阶段.这一步的好坏甚至直接决定数据库项目的成败. 需求分析阶段,也被称为ER建模(entity-relationship mod ...
    
			
    10. 
						
  10. Linux下/etc/fstab文件详解
			
    当系统启动的时候,系统会自动地从这个文件读取信息,并且会自动将此文件中指定的文件系统挂载到指定的目录. [root@rusky ~]# vi /etc/fstab # # /etc/fstab # C ...
    
			
    11.