<< Set Focus on Page Load / After Postback / After Submit in ASP.NET 2.0 and ASP.NET 3.5 - Setting Focus to an ASP.NET Control | Javascript Delayed Redirect >>

June 27, 2008 by blogging developer

The javascript code below shows how to set the focus on an Input Field / Form Field / Html Element (Textbox) when the page is loaded.

<html>
<head>
<script type="text/javascript">
function setFocus()
{
     document.getElementById("name").focus();
}
</script>
</head>

<body onload="setFocus()">
<form>
       Name: <input type="text" id="name" size="30"><br />
       Surname: <input type="text" id="surname" size="30">
</form>
</body>

</html>

Consider also checking the following post which describes 3 techniques on setting focus on page load after postback or after submit.

Want automatic updates? Subscribe to our RSS feed or
Get Email Updates sent directly to your inbox!

Currently rated 4.3 by 9 people

Currently 4.333333/5 Stars.
1
2
3
4
5

Tag : focus, javascript, textbox, page load, after submit

Categories : All | JavaScript | Tips

Actions : E-mail | Permalink | Comments(4) | Comment RSS

Set Focus on Page Load / After Postback / After Submit in ASP.NET 2.0 and ASP.NET 3.5 - Setting Focus to an ASP.NET Control

In ASP.NET 1.x, it is not possible to programmatically set focus to a web server control without using the JavaScript's focus() function. You may find the details on how to set focus to web controls in ASP.NET 1.x in one of my previous articles: Set Focus After PostBack in ASP.NET 1.x - Setting Focu...

7 HTML Elements that Search Engines Love - Tips on Forming Search Engine Friendly Pages

The ranking algorithms of search engines are kept secret and they change often. Moreover, there is no exact formula for perfectly optimized HTML. On the other hand, some HTML tags/elements have great effect on search engine rankings.

Set Focus After PostBack / After Submit / on Page Load in ASP.NET 1.x - Setting Focus to an ASP.NET Control

Management of control focus is one of the common tasks when building web applications with effective and friendly user interface. In order to set focus on a certain control such as textboxes, buttons dropdowns after postback in ASP.NET 1.x, we can use a dynamic javascript block that facilitates Java...

Comments

October 19. 2009 12:44

thanks, this helped me

brekeke | Reply

October 21. 2009 20:26

Social comments and analytics for this post

This post was mentioned on Twitter by bloggingdev: Setting Focus Using Javascript to an Input Field (Textbox) / Form Field / Html Element (Textbox) when the Page Loads - http://su.pr/1In5AX

uberVU - social comments | Reply

February 19. 2010 12:35

dsgdgsd

345345 | Reply

March 15. 2010 14:56

There is no such thing as a long piece of work, except one that you dare not start.

Setting Focus Using Javascript to an Input Field (Textbox) / Form Field / Html Element (Textbox) when the Page Loads

June 27, 2008 by blogging developer

Related posts

Comments

Add comment