日韩精品国产自在欧美,久久久女人,精品综合视频精品

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="date">

<br>



<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:計算結果輸出、腳本的輸出

« 設計作品不夠上檔次，該如何提升？子類對象實例化全過程 »

h5新增的表單標簽

分類

日歷

鏈接

個人資料

存檔