HTML5 新表單元素
發表時間:2023-09-11 來源:明輝站整理相關軟件相關文章人氣:
[摘要]這篇文章主要介紹了關于HTML5 新表單元素 ,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下HTML5 <datalist>元素 <datalist>元素規定輸入域的選項列表 <datalist>屬性規定form或input域應該擁有...
這篇文章主要介紹了關于HTML5 新表單元素 ,有著一定的參考價值,現在分享給大家,有需要的朋友可以參考一下
HTML5 <datalist>元素
<datalist>元素規定輸入域的選項列表
<datalist>屬性規定form或input域應該擁有自動完成功能。當用戶在自動完成域中開始輸入時,瀏覽器應該在該域中顯示填寫的選項;
使用<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 標簽。
</p>
</body>
</html>
HTML5 <keygen>元素
<keygen> 元素的作用是提供一種驗證用戶的可靠方法。
<keygen>標簽規定用于表單的密鑰對生成器字段。
當提交表單時,會生成兩個鍵,一個是私鑰,一個公鑰。
私鑰(private key)存儲于客戶端,公鑰(public key)則被發送到服務器。公鑰可用于之后驗證用戶的客戶端證書(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標簽。
</p>
</body>
</html>
HTML5 <output> 元素
<output>元素用于不同類型的輸出,比如計算或腳本輸出:
<!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 標簽。
</p>
</body>
</html>
HTML5 新表單元素
標簽 | 描述 |
---|
<datalist> | <input>標簽定義選項列表。請與 input 元素配合使用該元素,來定義 input 可能的值。 |
<keygen> | <keygen> 標簽規定用于表單的密鑰對生成器字段。 |
<output> | <output> 標簽定義不同類型的輸出,比如腳本的輸出。 |
以上就是HTML5 新表單元素 的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。