溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章的內容主要圍繞html5表單新增元素是什么呢進行講述，文章內容清晰易懂，條理清晰，非常適合新手學習，值得大家去閱讀。感興趣的朋友可以跟隨小編一起閱讀吧。希望大家通過這篇文章有所收獲！
html5表單新增元素是：1、“<datalist>”標簽元素，可定義輸入控件的預定義選項；2、“<keygen>”標簽元素，可定義鍵對生成器字段（用于表單）；3、“<output>”標簽元素，可定義計算結果。
本教程操作環境：windows7系統、HTML5版、Dell G3電腦。
html5表單新增元素
| 標簽 | 描述 |
|---|---|
| <datalist> | 定義輸入控件的預定義選項。 |
| <keygen> | 定義鍵對生成器字段（用于表單）。 |
| <output> | 定義計算結果。 |
1、<datalist> 標簽
<datalist> 標簽規定了 <input> 元素可能的選項列表。
<datalist> 標簽被用來在為 <input> 元素提供"自動完成"的特性。用戶能看到一個下拉列表，里邊的選項是預先定義好的，將作為用戶的輸入數據。
請使用 <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> 標簽規定用于表單的密鑰對生成器字段。
當提交表單時，私鑰存儲在本地，公鑰發送到服務器。
<!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> 標簽作為計算結果輸出顯示(比如執行腳本的輸出)。
<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>
html的全稱為超文本標記語言，它是一種標記語言，包含了一系列標簽．通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體，html文本是由html命令組成的描述性文本，html命令可以說明文字，圖形、動畫、聲音、表格、鏈接等，主要和css+js配合使用并構建優雅的前端網頁。
感謝你的閱讀，相信你對“html5表單新增元素是什么呢”這一問題有一定的了解，快去動手實踐吧，如果想了解更多相關知識點，可以關注億速云網站！小編會繼續為大家帶來更好的文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
