<strike id="g3zqm"></strike>
     
      <cite id="g3zqm"></cite>
        

        <tr id="g3zqm"><center id="g3zqm"></center></tr>
        <pre id="g3zqm"><sup id="g3zqm"></sup></pre>
        <li id="g3zqm"></li>
      2. 
少妇高潮激情一区二区三,免费av深夜在线观看,亚洲狼人久久伊人久久伊,久久精品人人做人人爽电影蜜月,黄色特级片一区二区三区,欧美日韩在线亚洲二区综二,极品少妇无套内射视频,日本极品少妇videossexhd 

  
      
    

        

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

        
原創weixin_46366721 最后發布于2020-02-29 12:27:39 閱讀數 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” 輸入的網址前面必須加上http://

        
Type=“range” 產生一個滑動條表單

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

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

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

        
產生很大的兼容問題：

        


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

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

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

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

        
type=“date”

        
新增表單屬性：

        


        
required 檢測是否為空；

        


        
min:最小值

        


        
max：最大值

        


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

        


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

        


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

        


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

        


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

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

        


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

        


        
multiple:選擇多個文件上傳

        


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

        


        
h5:新增的表單標簽

        


        
datalist

        
option

        
output:計算結果輸出、腳本的輸出

        

        				
        
								
			
        
		
        
		
		
	
        


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

        

        


  
 





主站蜘蛛池模板：
国产精选一区二区三区|
福利社影院|
免费大黄网站在线观|
亚洲婷婷五月综合狠狠app|
欧洲人妻丰满av无码久久不卡|
老妇毛片久久久久久久久|
国产黄色短视频|
精品综合在线|
2022免费国产精品福利在线|
激情六月丁香婷婷四房播|
中文字幕亚洲综合久久|
欧美X0X0|
国产成人不卡无码免费视频|
久久亚洲专区|
中文字幕乱码第三页|
免费无遮挡毛片中文字幕|
一本色道av久久精品+网站|
亚洲综合色区无码专区|
中文字幕A片无码免费看|
天堂av在线一区二区|
欧美激情一区二区三区在线|
成人亚洲a片v一区二区三区日本|
无码潮吹视频|
国产又色又爽又黄的|
亚洲一区二区在线视频|
亚洲偷自拍国综合|
精选国产av精选一区二区三区|
久久综合狠狠综合久久97色|
亚洲成人av在线高清|
岛国av一区在线播放|
国产精品不卡一区二区久久|
一区二区三区欧美|
国产精品久久久久三级|
欧美xxxx做受欧美.88|
超碰人人插|
久久人人爽爽人人爽人人片av
|
欧美丰满大乳大屁股流白浆|
国产精品美人久久久久久AV|
日夜啪啪一区二区三区|
成人片黄网站a毛片免费|
国产精品丝袜老师剧情演绎|