[解決済み] JavaScript を使わずに html フォームをデフォルトでフォーカスする
2022-04-23 05:54:37
質問
HTMLフォームのデフォルトの入力フォーカスを、JavaScriptなどを使わずに設定することは可能でしょうか?
<html>
<form>
Input 1: <input type="text" name="textbox1"/>
<br/>
Input 2: <input type="text" name="textbox2"/>
</form>
</html>
JavaScriptを使わずに、フォームの読み込み時にテキストボックスのどちらかにデフォルトのフォーカスを設定したい(ユーザーがjsを無効にしているときに発生する動作にしたいため)。
どのように解決するのですか?
HTML5では可能ですが、それ以外はJavaScriptを使用する必要があります。
HTML5では
autofocus
をフォーム要素に追加します。
<input type="text" name="myInput" autofocus />
これはHTML5をサポートしているブラウザ(というか、HTML5のこの部分をサポートしているブラウザ)で動作しますが、ご存知のように、まだすべての人が使えるわけではありません。
関連
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] 箇条書きのない順序なしリストが必要です。
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] <meta charset="utf-8"> vs <meta http-equiv="Content-Type">.
-
[解決済み] HTMLのテキスト入力でクリックするとすべてのテキストが選択される
-
[解決済み] JavaScriptを使って、HTMLフォームの要素にフォーカスを設定するにはどうしたらよいですか?
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
ローカルリソースのロードが許可されていない問題を解決する
-
[解決済み] bootstrapでボタンにリンクを貼るには?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] XHTMLの自己完結型タグを除くオープンタグにマッチするRegEx
-
[解決済み] <meta charset="utf-8"> vs <meta http-equiv="Content-Type">.
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] クリアフィックスとは何ですか?
-
[解決済み] div内の要素を縦に並べるにはどうしたらいいですか?
-
[解決済み] Bootstrap 3 の sr-only とは何ですか?
-
[解決済み] HTML Input="file" Accept Attribute File Type (CSV)