今天才接确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. （转载）php 合并数组中的数据,如果键值相等其值相加
			
    (转载)http://hi.baidu.com/syxrrrr/item/7dfb2387343ce0874414cfdd /* * 合并数据,如果键值相等其值相加 * @param array $d ...
    
			
    2. 
						
  2. 数据结构（堆）：SCOI 2009 生日礼物
			
    Description 小西有一条很长的彩带,彩带上挂着各式各样的彩珠.已知彩 珠有N个,分为K种.简单的说,可以将彩带考虑为x轴,每一个彩珠有一个对应的坐标(即位置).某些坐标上可以没有彩珠,但多个 ...
    
			
    3. 
						
  3. 【动态规划】【KMP】HDU 5763 Another Meaning
			
    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=5763 题目大意: T组数据,给两个字符串s1,s2(len<=100000),s2可以被解读成 ...
    
			
    4. 
						
  4. dll文件已经引用，但using找不到命名空间
			
    一:问题截图 二:解决办法 1.没看到lz的代码中有Vancl.Server的dll. 2.确实有编译不过的问题,是Vancl.WindowsServices这个工程的target framework ...
    
			
    5. 
						
  5. Elasticsarch及插件安装
			
    Elasticsarch及插件安装 一.环境介绍与安装准备 1.环境说明 OS为Centos 6.5,elasticsearch-1.1.X.tar.gz,         注:mongo river ...
    
			
    6. 
						
  6. Jenkins 一： 环境安装以及配置
			
    安装JDK 下载地址: http://www.oracle.com/technetwork/java/javase/downloads/index.html 选择的JDK版本和开发使用的JDK版本最好 ...
    
			
    7. 
						
  7. 根据类名查所属jar包
			
    在开发时经常会参考一些现有的例子,但有些例子只有代码,代码中引用的类所属的jar包却没有明确说明,如何找到一个类所属的jar包,可以通过访问以下网址解决:http://www.findjar.com
    
			
    8. 
						
  8. servelt乱码问题（tomcat服务端编码为ISO-8859-1）
			
    Post的编码决定机制: <meta http-equiv="Content-Type" content="text/html; charset=gb2312&qu ...
    
			
    9. 
						
  9. Linux中date命令的各种实用方法--转载
			
    在linux环境中,不管是编程还是其他维护,时间是必不可少的,也经常会用到时间的运算,自己也曾经为时间的各种表示方法和如何修改时间而困惑,熟练运用date命令来表示自己想要表示的时间,肯定可以给自己的 ...
    
			
    10. 
						
  10. TabBarController创建及使用方法简介
			
    TabBarController创建及使用方法简介 大致讲解一下TabBarController的创建过程: 首先,我们需要一些视图,如创建UIControllerView类型的view1,view2 ...
    
			
    11.