国产精品美女久久久浪潮AV,国产精品三级一二三区,久久精品国产一区二区小说
,依依成人影视国产精品,全部无卡免费的毛片在线看,日本一区二区三深夜不卡,国产精品女同一区二区久久,国产精品夜色一区二区三区 

  
      
    

        

	
        
		
        
			
        
				
        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.shtzxx.cn
        
      
        
    
        
    
        
      
        存檔
        
      
    
        

        

        


  
 





主站蜘蛛池模板：
亚洲欧美另类久久久精品能播放的|
japan白嫩丰满人妻videos|
中国美女a级毛片|
性姿势真人免费视频放|
热久久免费频精品99热|
精品人妻无码一区二区色欲产成人
|
国产裸体美女视频全黄|
国产女人aaa级久久久级|
中国东北老太婆内谢|
老头慢慢的征服人妻|
又色又爽又高潮免费视频国产|
伦理资源站|
欧美+国产在线观看|
四虎永久在线精品免费一区二区|
免费人成网站在线观看不卡|
精品国产免费一区二区三区|
麻花豆剧国产mv在视频播出|
国产中文欧美日韩在线|
亚洲熟妇色xxxxx欧美老妇
|
99久久国产综合精品女同图片
|
国产精品国产对白熟妇|
18禁美女挤奶视频免费观看|
制服丝袜第10页综合|
97精品国产一区二区三区|
通化市|
japanese日本熟妇伦|
国内精品久久久久影院日本|
精品国产三级a在线观看|
亚洲一区精品无码色成人|
亚洲v欧美v日韩v国产v|
宅宅少妇无码|
手机永久无码国产av毛片|
清流县|
国产精品久久久久久久9999|
国产成人精品一区二三区在线观看|
顺义区|
中文字幕无线码一区二区|
中文字幕精品久久久久人妻|
中文字幕人成乱码中国|
很黄很色的动态图|
国产色a在线观看|