97

いくつかのテキスト フィールドを含むフォームがあり、ページが読み込まれたときにカーソル(オート フォーカス)をフォームの最初のテキスト フィールドに配置したいと考えています。

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

4

7 に答える 7

155

javascript のサポートがなくても可能です
。html5のオート フォーカス属性
を使用できます。 例: 

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

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

于 2013-08-05T09:18:55.930 に答える
41

autofocus最初の入力またはテキストエリアに追加するだけです。

<input type="text" name="name" id="xax" autofocus="autofocus" />
于 2013-08-05T09:28:59.173 に答える
4

これはうまくいきます：

OnLoad="document.myform.mytextfield.focus();"
于 2013-08-05T09:18:29.023 に答える
2 
<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.
于 2014-08-29T03:50:17.937 に答える
2

私のようにちょっといじった人向けの拡張です。

次の作業 (W3 から):

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

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

.first-input {
    autofocus:"autofocus"
}

少なくとも私には効果がありませんでした...

于 2018-05-14T01:38:23.647 に答える
-5

カーソルがテキスト ボックス内にあることを確認するには、テキスト ボックスをクリックし、メニューが表示されたら、[テキスト ボックスの書式設定] をクリックし、[テキスト ボックス] タブをクリックして、最後にすべてを変更するだけでよい場合があります。 4 つの余白 (左、右、上、下) を、各余白に「0」が表示されるまで下向き矢印で移動します。

于 2016-05-11T19:06:14.660 に答える