Login | Register   
LinkedIn
Google+
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


Tip of the Day
Language: Web
Expertise: Intermediate
Sep 28, 1998

Cursors Ready

Using JavaScript, you can set up a form such that when the Web page is loaded the cursor is in the text box. This functionality avoids making the user click into the box--instead the user can just type. Through JavaScript and the Document Object Model, you can easily access the properties and methods of the HTML form elements on a page. One method shared by all of the HTML form elements is focus(). By calling this method you can move the cursor to any element you'd like. The associated code shows how to make this happen.
 
<HTML>

<BODY>
<FORM NAME="person">
First name: <INPUT TYPE="TEXT" NAME="first"><BR>
Last name: <INPUT TYPE="TEXT" NAME="last"><BR>
Address: <INPUT TYPE="TEXT" NAME="address"><BR>
<INPUT TYPE="button" VALUE="Save Data">
</FORM>

<SCRIPT LANGUAGE="Javascript">
<!--
// set focus to lastname
document.person.last.focus();
//-->
</SCRIPT>

</BODY>
</HTML>
Boris Feldman
 
Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap
Thanks for your registration, follow us on our social networks to keep up-to-date