Textarea : TextArea « Form « JavaScript Tutorial

Instances are created by the browser when it encounters an HTML tag.</p><p>In the JavaScript object hierarchy, the Textarea object is located at window.document.Form.Textarea.</p><table class="tutorialTable"><tr><td><b>Event Handlers/Methods/Properties</b></td><td><b>Description</b></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><br><br><pre><html> <head> <script language=<font color="#2a00ff">"JavaScript"</font>>  </script> </head> <body> <form name=<font color="#2a00ff">"myForm"</font>> <textarea name=<font color="#2a00ff">"myTextArea"</font> rows=6 cols=50> Here is some text in my text area. </textarea> <input type=BUTTON value=<font color="#2a00ff">"Click to Process"</font> name=<font color="#2a00ff">"myButton"</font> onClick=<font color="#2a00ff">"openWin()"</font>> </form> </body> </html> </pre><table><tbody> <tr><td align="left"><br/><br/><br/><script type="text/javascript"></script><script type="text/javascript" src="https://web.archive.org/web/20150330012833js_/http://pagead2.googlesyndication.com/pagead/show_ads.js"></script><br/><br/></td> </tr><tr><td><br/><script type="text/javascript"></script><script type="text/javascript" src="https://web.archive.org/web/20150330012833js_/http://pagead2.googlesyndication.com/pagead/show_ads.js"></script><br/><br/><br/><br/></td></tr></tbody></table><table class="table"><tr><td colspan="5">10.16.TextArea</td></tr><tr class="odd"><td width="20"></td><td width="50">10.16.1.</td><td align="left">Textarea</td></tr><tr class="even"><td width="20"></td><td width="50">10.16.2.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareablur.htm">Textarea.blur()</a></td></tr><tr class="odd"><td width="20"></td><td width="50">10.16.3.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareadefaultValue.htm">Textarea.defaultValue</a></td></tr><tr class="even"><td width="20"></td><td width="50">10.16.4.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareafocus.htm">Textarea.focus()</a></td></tr><tr class="odd"><td width="20"></td><td width="50">10.16.5.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareaform.htm">Textarea.form</a></td></tr><tr class="even"><td width="20"></td><td width="50">10.16.6.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareahandleEvent.htm">Textarea.handleEvent()</a></td></tr><tr class="odd"><td width="20"></td><td width="50">10.16.7.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareaname.htm">Textarea.name</a></td></tr><tr class="even"><td width="20"></td><td width="50">10.16.8.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonBlur.htm">Textarea.onBlur</a></td></tr><tr class="odd"><td width="20"></td><td width="50">10.16.9.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonChange.htm">Textarea.onChange</a></td></tr><tr class="even"><td width="20"></td><td width="50">10.16.10.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonFocus.htm">Textarea.onFocus</a></td></tr><tr class="odd"><td width="20"></td><td width="50">10.16.11.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonKeyDown.htm">Textarea.onKeyDown</a></td></tr><tr class="even"><td width="20"></td><td width="50">10.16.12.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonKeyPress.htm">Textarea.onKeyPress</a></td></tr><tr class="odd"><td width="20"></td><td width="50">10.16.13.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonKeyUp.htm">Textarea.onKeyUp</a></td></tr><tr class="even"><td width="20"></td><td width="50">10.16.14.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/TextareaonSelect.htm">Textarea.onSelect</a></td></tr><tr class="odd"><td width="20"></td><td width="50">10.16.15.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareaselect.htm">Textarea.select()</a></td></tr><tr class="even"><td width="20"></td><td width="50">10.16.16.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareatype.htm">Textarea.type</a></td></tr><tr class="odd"><td width="20"></td><td width="50">10.16.17.</td><td align="left"><a href="/web/20150330012833/http://www.java2s.com/Tutorial/JavaScript/0200__Form/Textareavalue.htm">Textarea.value</a></td></tr></table></div></div><footer><p class="pull-right"><a href="https://web.archive.org/web/20150330012833/http://www.java2s.com/">java2s.com</a> | Email:info at java2s.com | © Demo Source and Support. All rights reserved.</p></footer></div></body></html>