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

HTML5 の新しいフォーム要素

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

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

HTML5

Example

< の list 属性を使用して

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

要素

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

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

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

要素

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

例

計算結果を表示する

要素:

<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 サイトの他の関連記事を参照してください。