ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5 の新しいフォーム要素の使用法と実践的なチュートリアルをまとめます。

HTML5 の新しいフォーム要素の使用法と実践的なチュートリアルをまとめます。

零下一度
リリース: 2017-05-16 11:53:40
オリジナル
1856 人が閲覧しました

HTML5 の新しいフォーム要素

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

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

HTML5 要素

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

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

要素にバインドするには、 要素の list 属性を使用します。 HTML5 要素

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

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

generator

フィールドを指定します。

フォームが送信されると、2 つのキーが生成されます。1 つは秘密キー、もう 1 つは公開キーです。 秘密鍵はクライアントに保存され、公開鍵はサーバーに送信されます。公開キーは、後でユーザーのクライアント証明書 (client cert

if

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

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

<input> 元素使用<datalist>预定义值:
<input list="browsers"><datalist id="browsers">  <option value="Internet Explorer">  <option value="Firefox">  <option value="Chrome">  <option value="Opera">  <option value="Safari"></datalist>
ログイン後にコピー

HTML5 要素

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

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

<form action="demo_keygen.asp" method="get">用户名: <input type="text" name="usr_name">加密: <keygen name="security"><input type="submit"></form>
ログイン後にコピー

HTML5 の新しいフォーム要素

: タグはオプションのリストを定義します。この要素を input 要素と組み合わせて使用​​して、入力の可能な値を定義します。

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

: タグは、スクリプトの出力など、さまざまなタイプの出力を定義します。

【関連推奨事項】

1.


特別な推奨事項

: 「php Programmer Toolbox」V0.1 バージョンのダウンロード2. 無料の h5 オンラインビデオチュートリアル

3. cn オリジナル html5 ビデオチュートリアル

以上がHTML5 の新しいフォーム要素の使用法と実践的なチュートリアルをまとめます。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート