I need this field to be focused when the user opens the page. I don’t know if it changes anything but it’s inside a modal window I load from a PHP file.
Is there an easy way to do it?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I need this field to be focused when the user opens the page. I don’t know if it changes anything but it’s inside a modal window I load from a PHP file.
Is there an easy way to do it?
JavaScript autofocusers (as given in the other answers here) will work but can be annoying for some users. For example, if you focus a different field while a page is still loading, the JavaScript may “help” you by moving the focus and making you type in the wrong field. This question on ux.stackexchange.com enumerates some more drawbacks.
To prevent this, HTML5 has introduced an
autofocusattribute for form elements that means the behaviour will be consistently implemented by the browser itself, and can be turned off for users that find it irritating. Of course, this isn’t supported by all browsers yet. For more info, see the section on autofocus fields in Mark Pilgrim’s excellent Dive Into HTML5 book.