Javascript Focus Form Field

Javascript Focus Form Field

<form name=aaa>
This is GGG: <input type=text name=ggg><br>
This is HHH: <input type=text name=hhh>
</form>

<script type="text/javascript">

function dofo() {
document.aaa.hhh.focus();
}

</script>

<body onLoad=dofo()>

-We create an HTML form and name it aaa because that is easy to type and remember.
-We name our first text field ggg because we have a cat named G
-We name our second text field hhh because we want to.
-We write a little function and call it dofo because we think that is a clever name.
-document.aaa.hhh.focus();
---document - is the object we are manipulating, this page.
---aaa - is our form name.
---hhh - is the element name we want to place the focus on.
---focus() is a built-in Javascript method that places focus, the cursor in this instance.
-We call the function in our HTML body tag using onLoad.

When the page with this script loads, the cursor will be in the second text field, hhh.

Free Copy and Paste Javascript Code:

<script type="text/javascript">

</script>

<body onLoad=dofo()>

<form name=aaa>
This is GGG: <input type=text name=ggg><br>
This is HHH: <input type=text name=hhh>
</form>

Resources:
HTML Forms
Write a Function
Call a Function
HTML Body Tag

Make Text Lowercase
Make Text Uppercase
Make Text Superscript Using Javascript
Make Text Subscript Using Javascript
Make Text Bold Using Javascript
Italic Text in Javascript

HTML Tags
HTML Color Chart
HTML Codes

Click HERE to comment or discuss at iLoveTheCode GOOGLE Group

Previous Article: Javascript Lowercase Text

Next Article: Opening a REMOTE WINDOW in Javascript

JavaScript David Flanagan New $31.49	Bulletproof Web Design Dan Cederholm New $26.39	Learning Web Design Jennifer Niederst ... New $29.69
Creating Web Sites Matthew MacDonald New $19.77	CSS Mastery Andy Budd, Simon C... New $23.09	CSS Eric Meyer New $29.69
Head First HTML with CSS & XHTML Eric Freeman, Elis... New $26.39	CSS David McFarland New $23.09	Build Your Own Website The Right Way... Ian Lloyd New $19.77

Privacy Information