本文共 4393 字，大约阅读时间需要 14 分钟。

<input/>

• <input>标签用于搜集用户信息。
• 根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。XHTML需要围堵。

   
       //选择文件时依然可以选择非gif格式，因此尽量在服务器上对*文件上传*进行验证accept用于文件选择的提示作用。   
    
    
    
    
   

//alt 无法查看图像时的替代文本loading…

//autocomplete 
   
	
     //没有name属性，不会弹出填充提示 	
    	  	
     	
    
   
   
    	First name:
    
    
//外层定义了autocomplete，内部对应的要加上name属性	Last name: 
    
    
	E-mail: 
    
    
	
    
   

//autofocus
   
      First name: 
    
    
//只要定义就触发  Last name: 
    
    
  
    
   

//checked  用于单选框毕业：
未毕业：
//checked  用于复选框一级
二级
三级
四级

//disabled
   
    First name: 
    
    
Last name: 
    
    
//只要定义，就触发
    
   

//form ie不兼容
   
    First name: 
    
    
    
   
Last name:  //表单提交时，依然能够提交lname

//formaction 重定义跳转url
   
    	First name: 
    
    
	Last name: 
    
    
	
    
    
	
    
   
//绝对 URL - 某个页面的完整地址（比如 href="http://www.example.com/formresult.html"）//相对 URL - 指向当前站点内的一个文件（比如 href="formresult.html"）

//formmethod//get：表单数据（form-data）以名称/值对的形式附加到URL(demo-form.php)中,在浏览器的地址栏中可见到(安全性低):demo-form.php?fname=&lname=
   
    	First name: 
    
    
	Last name: 
    
    
	
    	//post：HTTP post 事务的形式发送表单数据（form-data）,在浏览器不可见传参(安全性低):demo-post.php	
    
   

//formnovalidate 只要定义就触发，不写出来就是没有定义
   
	
    	
     //不验证表单：不会出现上面的input框的邮箱格式和必须输入的提示	
     //验证表单：会出现格式和必须输入的提示
   

//formtarget
   
    	First name: 
    
    
	Last name: 
    
    
	
    	
    
   

//width height 
   
    
	
     
个人信息
	
     
      
     	
     	
     	
     确认
    
//input image 作用等同submit，但会触发两次提交作用，尽量使用submit
    
   

• 相关标签<datalist></datalist>
  <datalist> 标签规定了 <input> 元素可能的选项列表，为<input> 元素提供"选项填充提示"的特性，下拉列表里选项是预先定义好的，作为用户的输入数据。 <input>元素通过 list 属性来绑定 <datalist> 标签，在<datalist>里面定义id值来绑定。

//list 
   
	
    	
    	
    
   
//select 标签得下拉框不能识别其中的value值
   
	
    	  1	  2	  3	  4	  5		
    
   

//max min placeholder name src
   
    	//在type=‘data’，placeholder 无效	
    	
    //选择2011-12-02之前的时间	在type=‘data’，size 无效	
    	
    	
    
   

//maxlength
   
	
    
    
	
    
   

//multiple
   
	
    //可提交多个邮件地址，用","隔开	
    //上传多个文件	
    
   

//value
   
    	First name: 
    
    
	Last name: 
    
    
	
    
   

//name
   
    	a:
    
    
 b:	
    
    
 c:	
    
    
   
name值可以不一样，但不推荐
   
    	a:
    
    
 b:	
    
    
 c:	
    
    
   
   
	
     police	
    
   
   
    	a:
    
    
 b:	
    
    
 c:	
    
    
   
下面是name值不同的一个例子，就不能实现多选一的效果了
   
    	a:
    
    
 b:	
    
    
 c:	
    
    
   

转载地址：http://oqhwi.baihongyu.com/