Focus on a text field when the page is loaded

[bnashenas1984]

Hi everyone
I have a chat form and I need my textfield to be the current one when the page is loaded.

  <form action="" method="post">
     <input type="text" name="text1">
     <input type="text" name="text2">
     <input type="text" name="text3">
     <input type="text" name="text4">
  </form>
 

For example I need to focus on ( text2 ) when the page is loaded... and i dont what the user to click on it to activate it every time he/she wants to type a message

[drhowarddrfine]

HTML cannot do this. You need to ask on the javascript board.

[FullyH3ktik]

First of all, change the name tag to id or just add it aswell, so javascript can access it. It should look like this then:

<form action="" method="post">

<input type="text" name="text1" id="text1">
<input type="text" name="text2" id="text2">
<input type="text" name="text3" id="text3">
<input type="text" name="text4" id="text4">

</form>

then in the body tag add: onload="document.getElementById('text2').focus()"

Hope this helps

[bnashenas1984]

Thanks for your help
It worked!
Actualy I'v used the same thing in visual basic and was wondering if theres such a thing in HTML.
My chatroom is working perfect now ( Thanks to you and other users who helped me)

[Death Slaught]

First of all, change the name tag to id or just add it aswell, so javascript can access it. It should look like this then:

[HTML]<form action="" method="post">

<input type="text" name="text1" id="text1">
<input type="text" name="text2" id="text2">
<input type="text" name="text3" id="text3">
<input type="text" name="text4" id="text4">

</form>[/HTML]
then in the body tag add: onload="document.getElementById('text2').focus()"

Hope this helps

Sup FullH3ktik, please use proper code tags when posting code. ( please see posting guidelines )


Thanks, Death