這篇文章的內容主要圍繞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表單新增元素是什么呢”這一問題有一定的了解,快去動手實踐吧,如果想了解更多相關知識點,可以關注創新互聯網站!小編會繼續為大家帶來更好的文章!
文章標題:html5表單新增元素是什么呢
網址分享:http://www.yijiale78.com/article0/jceeoo.html
成都網站建設公司_創新互聯,為您提供品牌網站建設、標簽優化、、網站收錄、動態網站、企業網站制作
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯