站長資訊網(wǎng)
html5表單新增元素是：1、“<datalist>”標(biāo)簽元素，可定義輸入控件的預(yù)定義選項(xiàng)；2、“<keygen>”標(biāo)簽元素，可定義鍵對(duì)生成器字段（用于表單）；3、“<output>”標(biāo)簽元素，可定義計(jì)算結(jié)果。
本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。
html5表單新增元素
| 標(biāo)簽 | 描述 |
|---|---|
| <datalist> | 定義輸入控件的預(yù)定義選項(xiàng)。 |
| <keygen> | 定義鍵對(duì)生成器字段（用于表單）。 |
| <output> | 定義計(jì)算結(jié)果。 |
1、<datalist> 標(biāo)簽
<datalist> 標(biāo)簽規(guī)定了 <input> 元素可能的選項(xiàng)列表。
<datalist> 標(biāo)簽被用來在為 <input> 元素提供"自動(dòng)完成"的特性。用戶能看到一個(gè)下拉列表，里邊的選項(xiàng)是預(yù)先定義好的，將作為用戶的輸入數(shù)據(jù)。
請(qǐng)使用 <input> 元素的 list 屬性來綁定 <datalist> 元素。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <form action="#" method="get"> <input list="browsers" name="browser"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> <input type="submit"> </form> </body> </html>
2、<keygen> 標(biāo)簽
<keygen> 標(biāo)簽規(guī)定用于表單的密鑰對(duì)生成器字段。
當(dāng)提交表單時(shí)，私鑰存儲(chǔ)在本地，公鑰發(fā)送到服務(wù)器。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <form action="demo_keygen.php" method="get"> 用戶名: <input type="text" name="usr_name"> 加密: <keygen name="security"> <input type="submit"> </form> </body> </html>
3、<output> 標(biāo)簽
<output> 標(biāo)簽作為計(jì)算結(jié)果輸出顯示(比如執(zhí)行腳本的輸出)。
<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>
