コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > H5 チュートリアル > HTML5_html5 チュートリアル スキルの autofocus 属性の概要

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

WBOY
リリース： 2016-05-16 15:48:04
オリジナル
2342 人が閲覧しました

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

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

コードをコピーします
コードは次のとおりです:

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


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

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

関連ラベル：
html5 属性
ソース：php.cn
前の記事：HTML5 画像アップロード プレビューの例 Sharing_html5 チュートリアル スキル 次の記事：HTML5 の 5 つのシンプルで実用的な API (パート 2、全画面表示、可視性、写真撮影、プリロード、バッテリー ステータスなど)_html5 チュートリアル スキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...
から 2024-04-06 15:33:12
0
1
433
PDF ファイルは HTML5 と JavaScript を実行できますか? PDF に埋め込まれるため、どのコンピュータでもブロックされないプログラムを作成してみようという愚かな考えがあります (JavaScript は PDF 内で実行できると聞きました...
から 2024-04-05 12:57:00
0
1
456
HTML5 の enctype と formenctype の違いは何ですか? HTMLLivingStandard (別名、新しい HTML5 仕様) の属性 enctype と formenctype の違いは何でしょうか?私は HTML Standard...
から 2024-04-02 11:47:56
0
1
275
ページをモバイル対応にしますか? たくさんの Web ページといくつかの Web サイトがあります。問題は、私は初心者だということです。基本的な html5 と css3 を使用していますが、それらをスケールアップ...
から 2024-04-01 20:42:38
0
1
259
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート