Mam formularz z kilkoma polami tekstowymi i chcę umieścić kursor (autofokus) w pierwszym polu tekstowym formularza po załadowaniu strony.
Chcę to zrobić bez używania javascript.
Mam formularz z kilkoma polami tekstowymi i chcę umieścić kursor (autofokus) w pierwszym polu tekstowym formularza po załadowaniu strony.
Chcę to zrobić bez używania javascript.
Odpowiedzi:
Można to zrobić bez obsługi javascript ..
Możemy użyć atrybutu autofokus html5
Na przykład:
<input type="text" name="name" autofocus="autofocus" id="xax" />
Jeśli go użyjesz (autofocus = "autofocus") w polu tekstowym oznacza, że pole tekstowe zostanie uaktywnione po załadowaniu strony. Więcej informacji:
http://www.hscripts.com/tutorials/html5/autofocus-attribute.html
Po prostu dodaj autofocus
pierwsze wejście lub obszar tekstowy.
<input type="text" name="name" id="xax" autofocus="autofocus" />
autofocus
nie działa, ale autofocus="autofocus"
działa.
To zadziała:
OnLoad="document.myform.mytextfield.focus();"
<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.
Dodatek dla tych, którzy trochę majstrowali tak jak ja.
Następująca praca (z W3):
<input type="text" autofocus />
<input type="text" autofocus="" />
<input type="text" autofocus="autofocus" />
<input type="text" autofocus="AuToFoCuS" />
Należy jednak pamiętać, że to nie działa w CSS. Nie możesz użyć:
.first-input {
autofocus:"autofocus"
}
Przynajmniej mi to nie wyszło ...
Czasami wszystko, co musisz zrobić, aby upewnić się, że kursor znajduje się w polu tekstowym, to: kliknąć pole tekstowe i po wyświetleniu menu kliknąć „Formatuj pole tekstowe”, a następnie kliknąć kartę „pole tekstowe” i na koniec zmodyfikować wszystko cztery marginesy (lewy, prawy, górny i dolny), przeciągając w dół, aż na każdym marginesie pojawi się „0”.
<input.... tabindex="1" />