Bir sayfa javascript desteği olmadan yüklendiğinde imleç (otomatik odak) metin kutusuna nasıl yerleştirilir?

91

Bazı metin alanları olan bir formum var ve sayfa yüklendiğinde imleci (otomatik odak) formun ilk metin alanına yerleştirmek istiyorum .

Bunu javascript kullanmadan yapmak istiyorum.

css html

— Thavamani Kasi
kaynak

1

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

— Abhitalks

147

Ya javascript desteği olmadan yapmak mümkündür ..
html5 otomatik odak özelliğini kullanabiliriz
Örneğin:

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

Metin alanında kullanırsanız (autofocus = "autofocus"), sayfa yüklendiğinde metin alanının odaklanacağı anlamına gelir .. Daha fazla ayrıntı için:
http://www.hscripts.com/tutorials/html5/autofocus-attribute.html

— Thavamani
kaynak

7

Uygun büyük harf kullanımı aslında JSX / React için otomatik odaklamadır.

— thadk

37

Sadece autofocusilk girişi veya metin alanını ekleyin .

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

— Rajnikant Kakadiya
kaynak

1

En azından Chrome'da autofocusçalışmıyor ama çalışıyor autofocus="autofocus".

— Jay Sullivan

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
kaynak

OP "javascript olmadan" dedi.

— Etienne Miret

3

Bu çalışacak:

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

— Vishal
kaynak

3

@putvande - başlık "javascript kullanıyor" diyor, bu yüzden ona biraz ara verin.

— Tomer

JavaScript desteği olmadan dedi.

— Alejandro Nava

1

Benim yaptığım gibi biraz uğraşanlar için bir genişleme.

Aşağıdaki çalışma (W3'ten):

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

Bunun CSS'de çalışmadığına dikkat etmek önemlidir. Yani kullanamazsınız:

.first-input {
    autofocus:"autofocus"
}

En azından benim için işe yaramadı ...

— AER
kaynak

-5

Bazen imlecin metin kutusunun içinde olduğundan emin olmak için yapmanız gereken tek şey şudur: metin kutusuna tıklayın ve bir menü görüntülendiğinde, "Metin kutusunu biçimlendir" e tıklayın, ardından "metin kutusu" sekmesine tıklayın ve son olarak hepsini değiştirin her kenar boşluğunda "0" görünene kadar aşağı ok yaparak dört kenar boşluğu (sol, sağ, üst ve alt).

— Marisela Sainz
kaynak