• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽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.wtxcl.cn
      
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 






主站蜘蛛池模板：
1024国产视频|
国产精品亚欧美一区二区三区|
国产午夜精品美女裸身视频69|
99ri国产在线观看|
女人天堂AV|
乐活家庭迅雷|
亚洲区欧美区综合区自拍区|
专区国产无码|
思茅市|
蜜臀AV午夜一区二区三区|
337p日本欧洲亚洲|
中文字幕在线网址|
正在播放:?37岁大奶美人妻打开双腿狂舔黑鲍鱼!|
乐活家庭迅雷|
亚洲欧美日韩人成在线播放
|
91乱子伦国产乱子伦!|
婷婷激情久久|
永和县|
久久伊人精品只有这里有|
丁香婷婷五月|
延庆县|
福利片无码视频一区二区|
亚洲黄色中文字幕|
欧美三级网站|
欧美成人在线免费观看|
九色91|
少妇人妻AV|
多人性激烈的欧美三级视频|
丝袜美腿在线观看播放一区|
国产丝袜打飞机免费在线|
原平市|
国产人成乱码视频免费观看|
日韩a视频|
国产精品无码一区二区在线|
亚洲精品字幕|
国产AV日韩AV|
贵德县|
国产在线视频46p|
国产亚洲精品??码|
久久久精品熟妇丰满人妻99|
免费国产好深啊好涨好硬视频
|