html5新增的表單元素有以下幾種：
成都創(chuàng)新互聯(lián)公司是專業(yè)的資陽網(wǎng)站建設(shè)公司，資陽接單;提供成都網(wǎng)站設(shè)計、做網(wǎng)站,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行資陽網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
datalist，keygen，output三種無素。
1.datalist 元素
datalist 元素規(guī)定輸入域的選項列表。
列表是通過 datalist 內(nèi)的 option 元素創(chuàng)建的。
如需把 datalist 綁定到輸入域，請用輸入域的 list 屬性引用 datalist 的 id。
2.keygen 元素
keygen 元素的作用是提供一種驗證用戶的可靠方法。
keygen 元素是密鑰對生成器（key-pair generator）。當(dāng)提交表單時，會生成兩個鍵，一個是私鑰，一個公鑰。
私鑰（private key）存儲于客戶端，公鑰（public key）則被發(fā)送到服務(wù)器。公鑰可用于之后驗證用戶的客戶端證書（client certificate）。
3.output 元素
output 元素用于不同類型的輸出，比如計算或腳本輸出。
根據(jù)具體問題類型，進行步驟拆解／原因原理分析／內(nèi)容拓展等。
具體步驟如下：／導(dǎo)致這種情況的原因主要是……
1)email:郵件輸入域，在表達(dá)提交時提供的郵箱格式驗證，并彈出一個提示窗口。
2)url：地址輸入域，在表單提交時提供簡單的URL地址格式驗證，并彈出一個提示窗口。
3)number：數(shù)字輸入域，（可設(shè)置min、max、step）。
4)tel：電話號碼輸入域，在手機瀏覽器彈出數(shù)字輸入域。
5)search：搜索輸入域，在手機瀏覽器右下角呈現(xiàn)搜索按鍵。
6)range：范圍選擇空件。
7)color：顏色選擇控件。
8)date/month/week：時間選擇控件。
1)autocomplete: autocomplete屬性規(guī)定輸入的字段是否應(yīng)該啟用自動完成功能。
自動完成功能允許瀏覽器預(yù)測 字段輸入，當(dāng)用戶在字段開始鍵入時，瀏覽器基于鍵入的值。應(yīng)該顯示出在字段中填寫的選項。
2)placeholder：占位符，用于在輸入框中顯示提示性文字，與value不同，不能被提交。
3)autofoaus：自動獲取輸入焦點。
4)multiple：是否允許多個輸入值，若聲明該屬性，那么輸入框允許輸入多個用逗號隔開的值。
5)form：值為某個表單的id，若設(shè)置，則該輸入域可放在該表單外面。
6)required：在表單提交時會驗證是否有輸入，沒有則彈出提示信息。
7)maxlength：限制最大長度，只有在有輸入的情況下才有用，不區(qū)分中英文。
minlength：限制最小長度，但它不是H5標(biāo)準(zhǔn)屬性，僅部分瀏覽器支持。
8)min：限定輸入數(shù)字的最小值。
9)max：限定輸入數(shù)字的最大值。
10)step：限定輸入數(shù)字的步長，與min連用。
11)pattern：指定一個正則表達(dá)式，對輸入進行驗證。(正則默認(rèn)首尾加^$)
作用：getCurrentPosition() 方法來獲得用戶的位置。
格式：一般在js中書寫方式。
案例：
html5中input的tel類型驗證正則的寫法如下：
一般在中國，電話號碼是區(qū)號-7到8位數(shù)字的電話號碼，所以正則表達(dá)式書寫如下：
^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}
完整的演示例子如下：
1、html5中的tel標(biāo)簽：
input type="tel" name="tel" id="tel" required pattern="^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}"
2、或者
input type="tel" name="tel" id="tel" required onblur="checkme(this)"/
function checkme(obj){
var val=obj.value();
var mobilevalid = /^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}$/;
if (!mobilevalid.test(val)) {
alert('請輸入正確的手機號碼！')
return false;
}
}
html5中的tel標(biāo)簽。
nput type="tel" name="tel" id="tel" required pattern="^(0|86|17951
input type="tel" name="tel" id="tel" required onblur="checkme(this)"/
function checkme(obj)
var val=obj.valuevar mobilevalid = /^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}$
var mobile = $('input')
var mobilevalid = /^(0|86|17951)?(13[0-9]|15[012356789]|17[0678]|18[0-9]|14[57])[0-9]{8}$/;
if (!mobilevalid.test(mobile)
這是手機的安全機制問題，第三方程序或者軟件撥打電話需要得到系統(tǒng)的權(quán)限，你點Allow Call就可以了。
重慶分公司
重慶分公司
