ansaurus

Question

Setting focus on an HTML input box on page load.

Answer 1

+3 A:

   <input type="password" name="PasswordInput"/>

this should have an Id

<input type="password" id="PasswordInput" name="PasswordInput"/>

Saikios 2010-08-01 19:32:26

Answer 2

+1 A:

And you can use HTML5's autofocus attribute (works in all current browsers except IE - and promised for IE9). Only call your script if it's IE8 or earlier, or an older version of other browsers.

2010-08-01 19:42:33

“works in all current browsers” — that really depends on your definition of “all current browsers”.

Paul D. Waite 2010-08-01 20:30:52

Answer 3

A:

OP: Thank you very much, works perfectly. However, I figured I'd also try the HTML5 autofocus and if I just add autofocus after the input parameters it works in Chrome (5.0.375.125) but not in FireFox (3.6.8). I did it like this:

<html>
<body>
  <form>
       <input type="text" id="InputID" autofocus/>
  </form>
</body>
</html>

Am I missing something?

2010-08-01 19:58:10

If you have a question, ask a *question*, don't *answer* one with a question.

David Dorward 2010-08-01 20:01:37

I agree with David =D

Saikios 2010-08-01 20:05:06

Excuse me, I've never used StackOverflow before and was looking for a way to add an in line comment below 408093's, do you consider this worthy of a new question? Sorry.

2010-08-01 20:20:00

I think you only get the ability to comment on other people’s answers once you’ve got 50 reputation points, so don’t worry, it’s not your fault. (We can be a bit enthusiastic about enforcing etiquette around here.)

Paul D. Waite 2010-08-01 20:29:10

Answer 4

A:

To answer your answer/question, firefox doesn't yet support autofocus (it will be introduced in Firefox 4).

You're better off using the script you had before, or alternatively, using a script to find inputs with the autofocus attribute set, and set focus to them if the browser doesn't support the feature.

So you'd still have:

<input type="text" id="InputID" autofocus="autofocus"/>

And using jQuery (you'll need to include the jquery script in your <head>):

$(function() {
    var $input = $("[autofocus=autofocus]");
    if ($input.get(0).autofocus != true) $input.focus();
}

This lets browsers that support autofocus like Chrome to handle it by themselves, while the script will give a helping hand for browsers that don't.

box9 2010-08-02 00:49:25

ansaurus

tags:

views:

answers:

Setting focus on an HTML input box on page load.

related questions