Textarea : TextArea « Form « JavaScript Tutorial

1.	Language Basics
2.	Operators
3.	Statement
4.	Development
5.	Number Data Type
6.	String
7.	Function
8.	Global
9.	Math
10.	Form
11.	Array
12.	Date
13.	Dialogs
14.	Document
15.	Event
16.	Location
17.	Navigator
18.	Screen
19.	Window
20.	History
21.	HTML Tags
22.	Style
23.	DOM Node
24.	Drag Drop
25.	Object Oriented
26.	Regular Expressions
27.	XML
28.	GUI Components
29.	Dojo toolkit
30.	jQuery
31.	Animation
32.	MS JScript

JavaScript Tutorial » Form » TextArea

10.16.1.Textarea

Instances are created by the browser when it encounters an HTML tag.</td></tr> <tr><td>In the JavaScript object hierarchy, the Textarea object is located at window.document.Form.Textarea.</td></tr> <tr><td><table class="tutorialTable"><tr><td>Event Handlers/Methods/Properties</td><td>Description</td></tr><tr><td>onBlur</td><td>Called when the text area loses the focus.</td></tr><tr><td>onChange</td><td>Called when the text area loses the focus and has had its value modified.</td></tr><tr><td>onFocus</td><td>Called when the text area receives the focus.</td></tr><tr><td>onKeyDown</td><td>Called when a key is pressed down. This occurs before an onKeyPress event handler is triggered.</td></tr><tr><td>onKeyPress</td><td>Called when a key is pressed down immediately after an onKeyDown event handler is triggered.</td></tr><tr><td>onKeyUp</td><td>Called when a key is released.</td></tr><tr><td>onSelect</td><td>Called when a user selects some of the text within the text area.</td></tr><tr><td>blur()</td><td>Removes the focus from the text area.</td></tr><tr><td>focus()</td><td>Gives the focus to the text area.</td></tr><tr><td>handleEvent()</td><td>Invokes the handler for the event specified.</td></tr><tr><td>select()</td><td>Selects the text in the text area.</td></tr><tr><td>defaultValue</td><td>Returns the value of this text area defined between the beginning and ending <textarea> tags. Note that this property is not supported by the Opera browsers.</td></tr><tr><td>form</td><td>Returns the entire form the text area is in.</td></tr><tr><td>name</td><td>Returns the name of this text area specified by the NAME attribute.</td></tr><tr><td>type</td><td>Returns the type of this text area. Note that this is always textarea.</td></tr><tr><td>value</td><td>Returns the value that is actually displayed in the text area.</td></tr></table> </td></tr> <tr><td><table border="0" cellpadding="3" cellspacing="0" bgcolor="#ffffff"> <tr> <td nowrap="nowrap" valign="top" align="left"><div class="codeShade"><code><html> <head> <script language="JavaScript">  </script> </head> <body> <form name="myForm"> <textarea name="myTextArea" rows=6 cols=50> Here is some text in my text area. </textarea> <input type=BUTTON value="Click to Process" name="myButton" onClick="openWin()"> </form> </body> </html></code></div></td> </tr> </table> </td></tr> </table><table width="650" border="0" cellspacing="0" cellpadding="0" border="0"><tbody> <tr><td align="left"><script type="text/javascript"></script><script type="text/javascript" src="https://web.archive.org/web/20140428003257js_/http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></td> <td align="right"><script type="text/javascript"></script><script type="text/javascript" src="https://web.archive.org/web/20140428003257js_/http://pagead2.googlesyndication.com/pagead/show_ads.js"></script></td></tr></tbody> </table><table border="0"><tr><td height="20"></td></tr></table> <table cellpadding="0" cellspacing="0" width="800" border="0"><tr><td colspan="5">10.16.TextArea</td></tr><tr class="odd"><td width="20"></td><td width="100">10.16.1.</td><td align="left">Textarea</td></tr><tr class="even"><td width="20"></td><td width="100">10.16.2.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareablur.htm">Textarea.blur()</a></td></tr><tr class="odd"><td width="20"></td><td width="100">10.16.3.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareadefaultValue.htm">Textarea.defaultValue</a></td></tr><tr class="even"><td width="20"></td><td width="100">10.16.4.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareafocus.htm">Textarea.focus()</a></td></tr><tr class="odd"><td width="20"></td><td width="100">10.16.5.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareaform.htm">Textarea.form</a></td></tr><tr class="even"><td width="20"></td><td width="100">10.16.6.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareahandleEvent.htm">Textarea.handleEvent()</a></td></tr><tr class="odd"><td width="20"></td><td width="100">10.16.7.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareaname.htm">Textarea.name</a></td></tr><tr class="even"><td width="20"></td><td width="100">10.16.8.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonBlur.htm">Textarea.onBlur</a></td></tr><tr class="odd"><td width="20"></td><td width="100">10.16.9.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonChange.htm">Textarea.onChange</a></td></tr><tr class="even"><td width="20"></td><td width="100">10.16.10.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonFocus.htm">Textarea.onFocus</a></td></tr><tr class="odd"><td width="20"></td><td width="100">10.16.11.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonKeyDown.htm">Textarea.onKeyDown</a></td></tr><tr class="even"><td width="20"></td><td width="100">10.16.12.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonKeyPress.htm">Textarea.onKeyPress</a></td></tr><tr class="odd"><td width="20"></td><td width="100">10.16.13.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonKeyUp.htm">Textarea.onKeyUp</a></td></tr><tr class="even"><td width="20"></td><td width="100">10.16.14.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonSelect.htm">Textarea.onSelect</a></td></tr><tr class="odd"><td width="20"></td><td width="100">10.16.15.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareaselect.htm">Textarea.select()</a></td></tr><tr class="even"><td width="20"></td><td width="100">10.16.16.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareatype.htm">Textarea.type</a></td></tr><tr class="odd"><td width="20"></td><td width="100">10.16.17.</td><td align="left"><a href="/web/20140428003257/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareavalue.htm">Textarea.value</a></td></tr></table><table border="0"><tr><td height="10"></td></tr></table> </td></tr></table></td></tr></table><center><table border="0"><tr align="left"><td><a href="https://web.archive.org/web/20140428003257/http://www.java2s.com/">java2s.com</a> | <a href="https://web.archive.org/web/20140428003257/http://www.java2s.com/html/contact.htm">Contact Us</a> | <a href="https://web.archive.org/web/20140428003257/http://www.java2s.com/html/ad.htm">Privacy Policy</a></td></tr><tr align="left"><td class="Templatetext">Copyright 2009 - 12 Demo Source and Support. All rights reserved.</td></tr><tr align="left"><td>All other trademarks are property of their respective owners.</td></tr></table></center></body></html>