Bagaimana cara menempatkan kursor (fokus otomatis) di kotak teks saat halaman dimuat tanpa dukungan javascript?
89
Saya memiliki formulir dengan beberapa bidang teks, dan saya ingin menempatkan kursor (fokus otomatis) pada bidang teks pertama formulir saat halaman dimuat.
Saya ingin melakukannya tanpa menggunakan javascript.
@putvande - judulnya memang mengatakan "menggunakan javascript" jadi beri dia istirahat.
Tomer
Dia berkata tanpa dukungan JavaScript.
Alejandro Nava
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 forme, checked using IE and mozilla.
autofocus, somehow didn't work for me.
Terkadang yang harus Anda lakukan untuk memastikan kursor berada di dalam kotak teks adalah: klik kotak teks dan saat menu ditampilkan, klik "Format kotak teks" lalu klik tab "kotak teks" dan terakhir ubah semua empat margin (kiri, kanan, atas dan bawah) dengan panah ke bawah sampai muncul "0" di setiap margin.
<input.... tabindex="1" />Jawaban:
Ya itu mungkin dilakukan tanpa dukungan javascript ..
Kita dapat menggunakan atribut auto fokus html5
Sebagai Contoh:
<input type="text" name="name" autofocus="autofocus" id="xax" />Jika menggunakannya (autofocus = "autofocus") di bidang teks berarti bidang teks menjadi fokus saat halaman dimuat .. Untuk lebih jelasnya:
http://www.hscripts.com/tutorials/html5/autofocus-attribute.html
sumber
Cukup tambahkan
autofocusinput pertama atau textarea.<input type="text" name="name" id="xax" autofocus="autofocus" />sumber
autofocustidak berfungsi, tetapi berfungsiautofocus="autofocus".Ini akan berhasil:
OnLoad="document.myform.mytextfield.focus();"sumber
<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.sumber
Ekspansi bagi mereka yang melakukan sedikit mengutak-atik seperti saya.
Karya berikut (dari W3):
<input type="text" autofocus /> <input type="text" autofocus="" /> <input type="text" autofocus="autofocus" /> <input type="text" autofocus="AuToFoCuS" />Penting untuk dicatat bahwa ini tidak berfungsi di CSS. Yaitu Anda tidak dapat menggunakan:
.first-input { autofocus:"autofocus" }Setidaknya itu tidak berhasil untuk saya ...
sumber
Terkadang yang harus Anda lakukan untuk memastikan kursor berada di dalam kotak teks adalah: klik kotak teks dan saat menu ditampilkan, klik "Format kotak teks" lalu klik tab "kotak teks" dan terakhir ubah semua empat margin (kiri, kanan, atas dan bawah) dengan panah ke bawah sampai muncul "0" di setiap margin.
sumber