今天才接确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. 数据结构（树，点分治）：POJ 1741 Tree
			
      Description Give a tree with n vertices,each edge has a length(positive integer less than 1001). D ...
    
			
    2. 
						
  2. C#里4个访问权限修饰符
			
    C#里类及类成员的修饰符有以下五个如下:public 公开 类及类成员的修饰符 对访问成员没有级别限制private 私有 类成员的修饰符 只能在类的内部访问protected 受保护的 类成员的修饰 ...
    
			
    3. 
						
  3. ASP.NET网站发布－允许更新此预编译站点 打勾与不打勾的区别
			
    发布网站时在打开的对话框中,有一个选项是至关重要的,那就是“允许更新此预编译站点”: “允许更新此预编译站点”这一项,默认情况下,前面是打上一个√的,至于要不要打上一个√,是可选的,那么,打勾与不打勾 ...
    
			
    4. 
						
  4. Binary Tree Inorder Traversal ——LeetCode
			
    Given a binary tree, return the inorder traversal of its nodes' values. For example:Given binary tre ...
    
			
    5. 
						
  5. arcgis安装问题SDK开始安装不了
			
    arcgis安装问题SDK开始安装不了,提示安装Desktop10,安装Desktop10又提示装dotnetfx3.5sp1,最后其实不用这样,可以先把军事扩展包,补丁,安装好,再安装sdk就没有问 ...
    
			
    6. 
						
  6. web前端开发中Nodejs、Grunt、npm等的介绍、使用
			
    一.Nodejs的安装: Grunt和所有grunt插件都是基于nodejs来运行的,如果你的电脑上没有nodejs,就去安装吧.去 https://nodejs.org/ 上,点击页面中那个绿色.大 ...
    
			
    7. 
						
  7. 上海Uber优步司机奖励政策（1月18日~1月24日）
			
    滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...
    
			
    8. 
						
  8. python 学习笔记 copy
			
    浅copy >>> a=[1,2,3,[4,5,6]]>>> a[1, 2, 3, [4, 5, 6]]>>> a[3].append(7)> ...
    
			
    9. 
						
  9. JQ滑动导航菜单的实现
			
    前言:不多说直接看效果!!! 这样的菜单我们在一般的网站上见到的也比较多,有比较好的用户体验!   原理:这个很重要,任何的特效只要原理搞明白了,实现起来都是很容易的!这个特效的原理很简单,菜单的样式 ...
    
			
    10. 
						
  10. android中的数据库操作（转）
			
    android中的数据库操作 android中的应用开发很难避免不去使用数据库,这次就和大家聊聊android中的数据库操作. 一.android内的数据库的基础知识介绍 1.用了什么数据库   an ...
    
			
    11.