JavaScriptをサポートせずにページが読み込まれたときに、テキストボックスにカーソル（オートフォーカス）を配置するにはどうすればよいですか？

89

いくつかのテキストフィールドを持つフォームがあり、ページが読み込まれたときにフォームの最初のテキストフィールドにカーソル（オートフォーカス）を置きたいです。

javascriptを使わずにやりたいです。

css html

— タバマニカシ
ソース

1

<input.... tabindex="1" />

— Abhitalks 2013

146

javascriptをサポートしなくても実行
できます。html5オートフォーカス属性を使用できます。
例：

<input type="text" name="name" autofocus="autofocus" id="xax" />

テキストフィールドで使用する場合（autofocus = "autofocus"）は、ページが読み込まれたときにテキストフィールドがフォーカスされることを意味します。詳細：http：
//www.hscripts.com/tutorials/html5/autofocus-attribute.html

— タバマニ
ソース

6

適切な大文字の使用は、実際にはJSX / ReactのautoFocusです。

— thadk 2016

37

autofocus最初の入力またはtextareaを追加するだけです。

<input type="text" name="name" id="xax" autofocus="autofocus" />

— Rajnikant Kakadiya
ソース

1

少なくともChromeではautofocus機能しませんが、autofocus="autofocus"機能します。

— ジェイサリバン

4

これは機能します：

OnLoad="document.myform.mytextfield.focus();"

— ヴィシャール
ソース

3

@ putvande-タイトルには「JavaScriptを使用する」と書かれているので、休憩してください。

— 2013

彼はJavaScriptのサポートなしで言った。

— アレハンドロナバ2016

3

<body onLoad="self.focus();document.formname.name.focus()" >

formname is <form action="xxx.php" method="POST" name="formname" >
and name is <input type="text" tabindex="1" name="name" />

it works for me, checked using IE and mozilla.
autofocus, somehow didn't work for me.

— dewaz
ソース

OPは「javascriptなし」と言った。

— Etienne Miret 2014

1

私のように少しいじった人のための拡張。

次の作品（W3から）：

<input type="text" autofocus />
<input type="text" autofocus="" />
<input type="text" autofocus="autofocus" />
<input type="text" autofocus="AuToFoCuS" />

ただし、これはCSSでは機能しないことに注意してください。つまり、使用できません：

.first-input {
    autofocus:"autofocus"
}

少なくともそれは私にとってはうまくいきませんでした...

— AER
ソース

-5

カーソルがテキストボックス内にあることを確認するために必要なのは、テキストボックスをクリックし、メニューが表示されたら[テキストボックスの書式設定]をクリックしてから[テキストボックス]タブをクリックし、最後にすべてを変更することだけです。各余白に「0」が表示されるまで下向き矢印を使用して、4つの余白（左、右、上、下）。

— マリセラ・サインツ
ソース