コメント:HTML5は私たちにたくさんの魔法のものをもたらします。フォーム検証、入力プレースホルダー、クライアントの名前を変更してダウンロードファイルとオーディオ/ビデオなど、以前にJavaScriptとFlashで完了する必要がありました。これらはすべて、基本的なHTMLを使用して実行できます。
ここで説明する単純なHTML5関数は、ページがロードされたときに特定の要素に入力フォーカスを自動的にドロップすることです。このアクションは、オートフォーカスプロパティによって完了します。
HTMLコードは非常に簡単です:
<! - これらはすべて機能します! - >
<input autofocus = "autofocus" />
<button autofocus = "autofocus"> hi!</button>
<textarea autofocus = "autofocus"> </textarea>
AutoFocus属性が利用可能な場合、これらの入力、Textarea、またはボタン要素をページにロードして選択できます。ただし、H1タグなどの純粋なディスプレイ要素を使用する場合、オートフォーカス属性は使いやすくありません。
このプロパティは、場合によっては非常に便利です。たとえば、Googleのホームページはそれを使用して99%の時間を検索するため、ページがロードされると、カーソルを入力ボックスに配置する必要があります。過去には、JavaScriptを使用してそれを完了する必要がありましたが、今ではまったく必要ありません。自分でHTMLで完了することができます。