HTML5_html5 チュートリアル スキルの autofocus 属性の概要

ここで説明する単純な HTML5 機能は、ページが読み込まれるときに入力フォーカスが要素に自動的に置かれるようにすることです。このアクションは autofocus 属性を使用して完了します。

HTML コードは非常に簡単です:

コードをコピーします

コードは次のとおりです:

< ;!-- これらはすべて機能します! -->

こんにちは!< ;textarea autofocus="autofocus">

autofocus 属性を使用すると、ページの読み込み時にこれらの INPUT、TEXTAREA、または BUTTON 要素を選択できます。ただし、H1 タグなどの純粋な表示要素を使用する場合、autofocus 属性は使いにくいです。

このプロパティは、特定の状況では非常に役立ちます。たとえば、Google のホームページは、ユーザーが 99% の時間の検索に使用する場所であるため、ページが読み込まれたら、カーソルを入力ボックスに置く必要があります。以前はそれを完成させるためにJavaScriptが必要でしたが、現在はその必要がなくなり、HTMLだけで完成させることができます。