站長資訊網(wǎng)
html5表單新增元素是：1、“<datalist>”標簽元素，可定義輸入控件的預定義選項；2、“<keygen>”標簽元素，可定義鍵對生成器字段（用于表單）；3、“<output>”標簽元素，可定義計算結果。
本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。
html5表單新增元素
| 標簽 | 描述 |
|---|---|
| <datalist> | 定義輸入控件的預定義選項。 |
| <keygen> | 定義鍵對生成器字段（用于表單）。 |
| <output> | 定義計算結果。 |
1、<datalist> 標簽
<datalist> 標簽規(guī)定了 <input> 元素可能的選項列表。
<datalist> 標簽被用來在為 <input> 元素提供"自動完成"的特性。用戶能看到一個下拉列表，里邊的選項是預先定義好的，將作為用戶的輸入數(shù)據(jù)。
請使用 <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> 標簽
<keygen> 標簽規(guī)定用于表單的密鑰對生成器字段。
當提交表單時，私鑰存儲在本地，公鑰發(fā)送到服務器。
<!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> 標簽
<output> 標簽作為計算結果輸出顯示(比如執(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>
