ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 フォーム要素の例の説明

HTML5 フォーム要素の例の説明

零下一度
零下一度オリジナル
2017-05-15 10:57:571764ブラウズ

HTML5 の新しいフォーム要素

HTML5 には次の新しいフォーム要素があります:

fc86e7b705049fc9d4fccc89a2e80ee3

aa983b9eb8086376f1f6481364a02e5a

be6d67dae90cc1ad6469079e163d0939

注: すべてのブラウザが HTML5 の新しいフォーム要素をサポートしているわけではありませんが、使用できます。ブラウザがフォーム 属性 をサポートしていない場合でも、通常のフォーム要素として表示されます。

HTML5 fc86e7b705049fc9d4fccc89a2e80ee3 要素

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

fc86e7b705049fc9d4fccc89a2e80ee3 属性は、フォームまたは入力フィールドに auto-complete 関数が必要であることを指定します。ユーザーがオートコンプリート フィールドに入力を開始すると、ブラウザはそのフィールドに入力されたオプションを表示する必要があります。

Example

< の list 属性を使用して fc86e7b705049fc9d4fccc89a2e80ee3 要素をバインドします。 ; input> 要素は、事前定義された値を使用します:

<input list="browsers">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

要素

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

aa983b9eb8086376f1f6481364a02e5a タグは、フォームで使用されるキー ペア

generator

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

秘密鍵はクライアントに保存され、公開鍵はサーバーに送信されます。公開キーは、後でユーザーのクライアント証明書 (client cert

if

icate) を検証するために使用できます。

keygen フィールドを含むフォーム:

<form action="demo_keygen.asp" method="get">
用户名: <input type="text" name="usr_name">
加密: <keygen name="security">
<input type="submit">
</form>

HTML5 要素

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

計算結果を表示するbe6d67dae90cc1ad6469079e163d0939 要素:

<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>

【関連する推奨事項】


1.

特別な推奨事項: 「php Programmer Toolbox」V0.1 バージョンのダウンロード2.

3. php.cn オリジナルの HTML5 ビデオチュートリアル

以上がHTML5 フォーム要素の例の説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。