HTML5 新表單元素
發(fā)表時(shí)間：2023-09-11 來(lái)源：明輝站整理相關(guān)軟件相關(guān)文章人氣：
[摘要]這篇文章主要介紹了關(guān)于HTML5 新表單元素 ，有著一定的參考價(jià)值，現(xiàn)在分享給大家，有需要的朋友可以參考一下HTML5 <datalist>元素 <datalist>元素規(guī)定輸入域的選項(xiàng)列表 <datalist>屬性規(guī)定form或input域應(yīng)該擁有...
這篇文章主要介紹了關(guān)于HTML5 新表單元素 ，有著一定的參考價(jià)值，現(xiàn)在分享給大家，有需要的朋友可以參考一下
HTML5 <datalist>元素
<datalist>元素規(guī)定輸入域的選項(xiàng)列表
<datalist>屬性規(guī)定form或input域應(yīng)該擁有自動(dòng)完成功能。當(dāng)用戶在自動(dòng)完成域中開(kāi)始輸入時(shí)，瀏覽器應(yīng)該在該域中顯示填寫(xiě)的選項(xiàng)；
使用<input>元素的列表屬性與<datalist>元素綁定。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>自選教程(如約智惠.com)</title>
</head>
<body >
<form action="demo-form.php" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
<option value="Internet Explorer"></option>
<option value="Firefox"></option>
<option value="Chrome"></option>
<option value="Opera"></option>
<option value="Safari"></option>
</datalist>
<input type="submit">
</form>
<p>
<strong>注意：</strong>Internet Explorer 9， Safari 不支持 datalist 標(biāo)簽。
</p>
</body>
</html>
HTML5 <keygen>元素
<keygen> 元素的作用是提供一種驗(yàn)證用戶的可靠方法。
<keygen>標(biāo)簽規(guī)定用于表單的密鑰對(duì)生成器字段。
當(dāng)提交表單時(shí)，會(huì)生成兩個(gè)鍵，一個(gè)是私鑰，一個(gè)公鑰。
私鑰（private key）存儲(chǔ)于客戶端，公鑰（public key）則被發(fā)送到服務(wù)器。公鑰可用于之后驗(yàn)證用戶的客戶端證書(shū)（client certificate）。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>自選教程(如約智惠.com)</title>
</head>
<body >
<form action="demo-form.php" method="get">
用戶名：<input list="text" name="usr_name">
密碼：<keygen name="security">
</datalist>
<input type="submit">
</form>
<p>
<strong>注意：</strong>Internet Explorer 不支持 keygen標(biāo)簽。
</p>
</body>
</html>
HTML5 <output> 元素
<output>元素用于不同類型的輸出，比如計(jì)算或腳本輸出：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>自選教程(如約智惠.com)</title>
</head>
<body >
<form oninput="x.value=parseInt(a.value)+parseInt(b.value)"> 0
<input type="range" id="a" value="50"> 100
+<input type="number" id="b" value="50">
=<output name="x" for="a b"></output>
</form>
<p>
<strong>注意：</strong>Internet Explorer 不支持 output 標(biāo)簽。
</p>
</body>
</html>
HTML5 新表單元素
| 標(biāo)簽 | 描述 |
|---|
| <datalist> | <input>標(biāo)簽定義選項(xiàng)列表。請(qǐng)與 input 元素配合使用該元素，來(lái)定義 input 可能的值。 |
| <keygen> | <keygen> 標(biāo)簽規(guī)定用于表單的密鑰對(duì)生成器字段。 |
| <output> | <output> 標(biāo)簽定義不同類型的輸出，比如腳本的輸出。 |
以上就是HTML5 新表單元素 的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
