<thead id="kdfuf"><font id="kdfuf"></font></thead>


<samp id="kdfuf"></samp>
    

    <nav id="kdfuf"><strong id="kdfuf"></strong></nav>
      
中文字幕无码一区二区三区在线,久久精品人人做人人爽,国产一级内射无挡观看,十八禁在线黄色网站,日韩欧美国产另类久久久精品
,少妇人妻偷人精品一区二区,久久午夜视频,亚洲春色AⅤ无码专区 
  
      
    

      

	
      
		
      
			
      
				
      h5新增的表單標簽
      
				
      
					
       2020-2-20      seo達人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      h5新增的表單標簽

      
原創(chuàng)weixin_46366721 最后發(fā)布于2020-02-29 12:27:39 閱讀數(shù) 13  收藏

      
展開

      
<!DOCTYPE html>

      
<html lang="en">

      
<head>

      
    <meta charset="UTF-8">

      
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

      
    <title>Document</title>

      
   <style>

      
       / 谷歌 /

      
       input::-webkit-input-placeholder{

      
           color:blue;

      
       }

      
       / 火狐19+ /

      
       input::-moz--input-placeholder{

      
           color:blue

      
       }

      
       / 火狐4-18 /

      
       input:-moz-input-placeholder{

      
           color:blue;

      
       }

      
       / ie高版本，ie+ /

      
       input::-ms-input-placeholder{

      
           color:blue;

      
       }

      
       / 歐鵬 /

      
       input::-o-input-placeholder{

      
           color:blue;

      
       }

      
       

      
   </style>

      
</head>

      
<body>

      
<form action="" novalidate>

      
    <input type="email">

      
    <input type="submit">

      
    <br>

      
    <input type="url">

      
    <input type="submit">

      
    <br>

      
    <input type="range">

      
    <input type="submit">

      
    <br>

      
    <input type="number">

      
    <input type="submit">

      
    <br>

      
    <input type="search">

      
    <input type="submit">

      
    <br>

      
    <input type="color">

      
    <input type="submit">

      
    <br>

      
   <input type="time">

      
   <br>

      
   <input type="month">

      
   <br>

      
   <input type="week">

      
   <br>

      
   <!-- <input type="datetime-local> -->

      
   <input type="date">

      
   <br>

      
   <!-- <input type="text" required>

      
   <input type="submit"> -->

      
    <br>

      
    <input type="number" step="3">

      
    <input type="submit">

      
    <br>

      
    <input type="text" name="aa" autocomplete="off">

      
    <input type="submit">

      
    <br>

      
    <input type="text"  value="" placeholder="請輸入您的姓名："  autofocus>

      
    <input type="submit">

      
    <br>

      
    <input type="text" placeholder="請輸入您的手機號：" pattern="^1[3|5|8]\d{9}$">

      
    <input type="submit">

      
    <br>

      
    <input type="file" multiple>

      
    <br>

      
    <input type="url" list="lll">

      
    <datalist id="lll">

      
        <option value="http://www.baidu.com" label="百度"></option>

      
        <option value="http://www.sina.com" label="新浪"></option>

      
        </datalist>

      
    <input type="submit">

      
</form>

      
</body>

      
</html>

      


      
h5新增type類型：

      


      
Type=“email” 限制用戶必須輸入email類型

      
Type=“url” 輸入的網(wǎng)址前面必須加上http://

      
Type=“range” 產(chǎn)生一個滑動條表單

      
Type=“number” 必須輸入的是數(shù)字，調(diào)整數(shù)字大小(谷歌瀏覽器輸入字母不可以，但是可以輸入e；火狐可以輸入字母，不能提交)

      
Type=“search” 產(chǎn)生一個搜索意義的表單（火狐瀏覽器沒有叉號，谷歌有）

      
Type=“color” 生成一個顏色選擇的表單；

      
產(chǎn)生很大的兼容問題：

      


      
type=“time” 限制用戶必須輸入時間類型

      
type=“month” 限制用戶必須輸入月份類型（火狐瀏覽器不顯示）

      
type="week"限制用戶必須輸入周類型

      
type="datetime-local"選取本地時間

      
type=“date”

      
新增表單屬性：

      


      
required 檢測是否為空；

      


      
min:最小值

      


      
max：最大值

      


      
step：數(shù)值增加的幅度； 如果輸入的是step=“3”,搜索框輸入2，按住上鍵調(diào)的話，會是3，因為法定值：-3 0 3 6 9

      


      
autocomplete是否自動提示信息 on（默認值）off;和name="" 一起使用；

      


      
placeholder：文本框的提示信息(value的值得手動刪除，而placeholder不用刪除，可以直接輸入內(nèi)容)

      


      
autofocus：自動聚焦，一個頁面只能存在一個聚焦（auto：自動）

      


      
pattern：后面的屬性值是一個正則表達式

      
//手機號驗證pattern=“^1[3][5]\d{9}$”

      


      
novalidate：取消驗證，放在form里面

      


      
multiple:選擇多個文件上傳

      


      
list:提示信息；必須結(jié)合datalist標簽，綁定datelist (谷歌提示value和label，而火狐只有l(wèi)abel提示)

      


      
h5:新增的表單標簽

      


      
datalist

      
option

      
output:計算結(jié)果輸出、腳本的輸出

      

      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個人資料
      
      
      
          
      
                    
      
          
      藍藍設計的小編
          http://www.tuitetiyu.cn
      
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 






主站蜘蛛池模板：
亚洲欧美综合中文|
久久久久免费高清国产|
男女作爱免费网站|
色狠狠一区二区三区熟女|
一区二区三区av天堂|
香港三级韩国三级日本三级|
国产片国语版理论片|
欧美日韩在线一本卡|
99久久精品免费看国产四区|
国产美女A做αwww久久久|
免费无码黄十八禁网站|
国产精品一区二|
永久免费的AV在线网无码|
国产精品2020在线看亚瑟|
一区二区韩国福利网站|
亚洲爆乳AAA无码专区|
久久亚洲精品无码va大香大香|
中文午夜乱理片无码|
亚洲精品无码MV在线观看网站
|
999国内精品永久免费观看
|
久久99精品久久久久久清纯|
99在线 | 亚洲|
春色校园综合人妻AⅤ|
手机在线观看|
亚洲国产一区二区av|
韩日美无码精品无码|
精品女同一区二区三区免费站|
国产老熟女狂叫对白|
色欲AV无码国产精品色午|
亚洲中文字幕国产综合|
性欧洲精品videos|
波多野结衣一区二区免费视频|
亚洲欧美日韩66|
奉节县|
国产高跟黑色丝袜在线|
在线中文字幕无码一区|
台湾中文娱乐无码|
国产亚洲精品成人婷婷久久|
亚洲乱码无码永久不卡在线|
亚洲成av人片不卡无码手机版|
日韩精品免费专区|