XHTML5インスタンス：HTML5フォーム検証

Webページがロードされると、カーソルは、電子メールログインページにユーザー名を入力するなど、ユーザーが入力する必要がある場所に自動的に焦点を当てます。以前は、JavaScriptコードを使用して特定の入力ボックスを指定して、Webページがオンロードされたときにフォーカスを取得する必要がありました。 HTML 5は、入力ボックスにオートフォーカス属性を追加することを直接サポートします。

1 <入力タイプ=テキストID = username name = username autofocus />

以前は、JavaScriptのOnblurとOnfocusを使用して、入力ボックスの迅速な情報を実装する必要がありましたが、プレースホルダー属性を追加するだけです。

1 <入力タイプ=電子メールID = uemail name = uemail [email protected] expect />

判断に必要なアイテム

データ形式を決定します

ドラッグごとに直接ドラッグできます。各ドラッグの最小値、最大値、およびステップサイズを設定できます。

1 <入力タイプ=範囲min = 1 max = 100 step = 10 name = s />

右側の上下矢印をクリックすると、操作を直接追加または減算できます。

これは、人気のあるAjax入力プロンプトとして、または編集可能なドロップダウンメニューとして使用できます。自分で入力するか、直接引き下げて選択できます。

1 <入力ID =検索タイプ= urlリスト= searchlist exiclow />

2 <Datalist ID = SearchList>

3 <オプション値= label = Google />

4 <オプション値= label = yahoo />

5 <オプション値= label = bing />

6 <オプション値= label = baidu />

7 </datalist>