enavu webdevmania tutsvalley psdestination
visit the enavu network
No Comments Article Title Overlay Article Title

Automatic input field focus on page load

Sometimes you want an input field to be selected by default(automaticaly selected). Like when you go to google the search input field is automaticaly selected. We will do this in today’s daily tip using jQuery.

  • DZone
  • Digg
  • Design Float
  • Delicious
  • Blinklist
  • Reddit
  • Facebook
  • Google Buzz
  • Twitter
  • StumbleUpon
  • Tumblr
  • Share/Bookmark

Demo(styled)     Source

HTML

<input type='text' id='default_input' />

jQuery

$(document).ready(function() {

	$('#default_input').focus();

});

Easy as that :)

Related posts:

  1. Description text inside an input field
  2. Use HTML5 Placeholder Input Attribute Today using jQuery!
  3. Daily Tip : Difference between $(document).ready and $(window).load in jQuery
  4. Using multiple versions of jQuery on the same page
  5. Checking username availability with ajax using jQuery

Slobodan Kustrimovic

This author has yet to fill his BIO.

Did you absolutely LOVE this article... share it!

Comments

Leave your own!

Sponsors

fzilla file hosting

Popular Articles