Idocs Guide to HTML
Home >> Forms >> <TEXTAREA ...>
previous page<TEXTAREA LANGUAGE="..."><TEXTAREA onKeyPress="..."> next page

Attribute for <TEXTAREA ...>
onChange = "script command(s)"

Usage Recommendation
use it, but don't rely on it

onChange is triggered when the user changes the value of the text area. It occurs after the user moves the cursor out of the field, not while the user types. If you want to run a script for every key press you may want to look at onKeyPress.

onChange can be used to modify the value of the text area after the users fills out the field. For example, suppose we want reset the field to completely upper case. First we would put a script like the following into the <HEAD> section of the page: 

<SCRIPT TYPE="text/javascript">
<!--
function setupper(myfield)
{
if (myfield.inchange)return;
myfield.inchange=true;
myfield.value=myfield.value.toUpperCase();
myfield.inchange=false;
}
//-->
</SCRIPT>

This script accepts a field object as input, the resets the value of the field to upper case. We can then call the script in the onChange attribute like this: 

<TEXTAREA ROWS=10 COLS=20 NAME="IDlist" 
   onChange="setupper(this)"
   ></TEXTAREA>

Notice that the one argument for the script is this, meaning that the field passes itself as the argument. This gives us the following form. Type something into the text area, then click in the next field.

id list:

city:

previous page<TEXTAREA LANGUAGE="..."><TEXTAREA onKeyPress="..."> next page

Recommended Resources

web hosting tutorials
Credit Help		 Search the Internet
Search Engine Help		 Low Fat Lifestyle
Internet Traffic		 Web Hosting
Web Design

Discount Hotel Reservations

Search The Internet

Copyright 1997-2002 Idocs Inc. Content in this guide is offered freely to the public under the terms of the Open Content License and the Open Publication License. Contents may be redistributed or republished freely under these terms so long as credit to the original creator and contributors is maintained. About the author

All Rights Reserved, Copyright © Free-HTML-Tutorials.com 2003
A service of 1stHostWeb.com