HTML5 フォームの新しい要素と属性

1. タグ control属性

HTML5では、タグ内にform要素を配置し、タグのcontrol属性を通じてform要素にアクセスできます。

 1 nbsp;html> 2  3  4     <meta> 5     <title>Document</title> 6  7  8 <script> 9     function setValue(){10         var label=document.getElementById("label");11         var textbox=label.control;12         textbox.value=510006;13     }14 </script>15     

16     17     邮编：18         19         请输入六位数字20     21     22     

23 24 

テキストボックスプレースホルダー属性

プレースホルダーとは、テキストボックスが未入力状態のときに表示される入力プロンプトを指します。テキスト ボックスが未入力状態でカーソル フォーカスがない場合、入力プロンプトのテキストはぼやけます。

 1 nbsp;html> 2  3  4     <meta> 5     <title>Placehoder属性</title> 6  7  8     <input> 9 10 

テキストボックス

リスト属性

HTML5では、単一行のテキストボックスにリスト属性が追加され、この属性の値は特定のデータリスト要素のIDになります。 datalist 要素も HTML5 の新しい要素です。この要素は選択ボックスに似ていますが、ユーザーが設定したい値が選択リストにない場合は、ユーザーが自分で入力することができます。 datalist 要素自体は表示されませんが、テキスト ボックスにフォーカスが置かれたときに入力を求めるプロンプトとして表示されます。

 1 nbsp;html> 2  3  4     <meta> 5     <title>List属性</title> 6  7  8     

 9         10         15     

16 17 

テキストボックスのAutoCompleteプロパティ

 1 nbsp;html> 2  3  4     <meta> 5     <title>文本框AutoComplete属性</title> 6  7  8     

 9          10         15     

16 17 

テキストボックスのパターンプロパティ

テキストボックスの選択

Direction

プロパティ

checkbox

不定属性

画像投稿ボタン

」

高さ属性と幅属性

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