HTML5 新表單元素

不言原創: 2018-05-08 11:09:591337瀏覽

這篇文章主要介紹了關於HTML5 新表單元素，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

HTML5 fc86e7b705049fc9d4fccc89a2e80ee3元素

fc86e7b705049fc9d4fccc89a2e80ee3元素規定輸入域的選項清單

fc86e7b705049fc9d4fccc89a2e80ee3屬性規定form或input域應該擁有自動完成功能。當使用者在自動完成網域中開始輸入時，瀏覽器應該在該網域中顯示填寫的選項；

# 使用d5fd7aea971a85678ba271703566ebfd元素的清單屬性與fc86e7b705049fc9d4fccc89a2e80ee3元素綁定。

<!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 aa983b9eb8086376f1f6481364a02e5a元素

aa983b9eb8086376f1f6481364a02e5a 元素的功能是提供可靠的使用者方法。

aa983b9eb8086376f1f6481364a02e5a標籤規定表單的金鑰對產生器欄位。

當提交表單時，會產生兩個鍵，一個是私鑰，一個公鑰。

私鑰（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 be6d67dae90cc1ad6469079e163d0939 元素

# be6d67dae90cc1ad6469079e163d0939元素用於不同類型的輸出，例如計算或腳本輸出：

<!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 新表單元素#標籤說明

#### ##fc86e7b705049fc9d4fccc89a2e80ee3######d5fd7aea971a85678ba271703566ebfd標籤定義選項清單。請與 input 元素搭配使用該元素，來定義 input 可能的值。 ############aa983b9eb8086376f1f6481364a02e5a######aa983b9eb8086376f1f6481364a02e5a 標籤規定用於表單的金鑰對產生器欄位。 ############be6d67dae90cc1ad6469079e163d0939######be6d67dae90cc1ad6469079e163d0939 標籤定義不同類型的輸出，例如腳本的輸出。 ############

以上是HTML5 新表單元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：HTML5 新的Input類型下一篇：HTML5 新的Input類型

看更多