HTML5の新しいフォーム要素-htmlチュートリアル-php.cn

HTML5の新しいフォーム要素

不言

リリース： 2018-05-08 11:09:59

オリジナル

1383 人が閲覧しました

この記事では、HTML5 の新しいフォーム要素を中心に紹介します。必要な友達は参考にしてください。

; 要素は入力フィールドのオプションリストを指定します

属性はフォームまたは入力フィールドにオートコンプリート機能があることを指定します。ユーザーがオートコンプリートフィールドに入力を開始すると、ブラウザはフィールドに入力されたオプションを表示する必要があります。要素の list 属性を使用して、要素にバインドします。

<!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 要素

要素の役割は、ユーザーを認証するための信頼できる方法を提供することです。

タグは、フォームに使用されるキーペアジェネレーターフィールドを指定します。

フォームが送信されると、2 つのキーが生成されます。1 つは秘密キー、もう 1 つは公開キーです。

秘密鍵はクライアントに保存され、公開鍵はサーバーに送信されます。公開キーは、後でユーザーのクライアント証明書を検証するために使用できます。

<!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 要素

要素は、計算やスクリプト出力など、さまざまな種類の出力に使用されます。ええ

HTML5 の新しいフォーム要素

タグ

説明

タグはオプションのリストを定義します。この要素を input 要素と組み合わせて使用して、入力の可能な値を定義します。タグは、フォームに使用するキーペアジェネレーターフィールドを指定します。タグは、スクリプトの出力など、さまざまなタイプの出力を定義します。