今天才接确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. Reverse Words in a String——LeetCode
			
    Given an input string, reverse the string word by word. For example,Given s = "the sky is blue& ...
    
			
    2. 
						
  2. 开源库CImg 数据格式存储之二(RGB 顺序)
			
    在上一篇博客中已经初步说明了GDI和CImg数据的存储格式感谢博友 Imageshop 评论说明 CImg的说明文档中已有详细说明(详见上篇博客说明) CImg的数据格式确实是RRRGGGBBB顺序存 ...
    
			
    3. 
						
  3. Nodejs in Visual Studio Code 07.学习Oracle
			
    1.开始 Node.js:https://nodejs.org OracleDB: https://github.com/oracle/node-oracledb/blob/master/INSTAL ...
    
			
    4. 
						
  4. openStack 云平台管理节点管理网口流量非常大 出现丢包严重 终端总是时常中断问题调试及当前测试较有效方案
			
    tuning for Data Transfer hosts connected at speeds of 1Gbps or higher <一.本次OpenStack系统调试简单过程简单记录& ...
    
			
    5. 
						
  5. ubuntu12编译openwrt
			
    搭建编译环境 Ubuntu x64 12.04下的命令: sudo apt-get install subversion sudo apt-get install git sudo apt-get i ...
    
			
    6. 
						
  6. Servlet线程安全
			
    public class servletDemo1 extends HttpServlet { int i=0; public void doGet(HttpServletRequest reques ...
    
			
    7. 
						
  7. js dom操作获取节点的一些方法
			
    在复习javascript基础的时候,整理了一下js中获取节点的一些常用的方法,见代码: //js获取下一个兄弟节点 function getNextSibling(eleObj){ var next ...
    
			
    8. 
						
  8. 利用column-width属性设置多栏布局
			
    css样式设置为: div{ background:blanchedalmond; margin:0 auto; width:1230px; -moz-column-width:400px; -web ...
    
			
    9. 
						
  9. Tomcatserverhttps协议配置简单介绍
			
    一. 数字签名证书制作 1. 用jdk自带的keytool工具生成证书. 2. 导出证书: 3. 交给CA签名认证: 注意:制作具体步骤演示样例參见附录. 二.改动server.xml文件 改动con ...
    
			
    10. 
						
  10. Android-Socket传输 GPRS网络
			
    手机使用GPRS网络与server进行Socket通信,代码下载地址:http://download.csdn.net/detail/wu20093346/7768481 用UDP协议与Socket调 ...
    
			
    11.