HTML CSS Reference/HTML Tag Reference/textarea
Содержание
- 1 "textarea" CSS Attributes and JavaScript Style Properties
- 2 "textarea" Event Handlers
- 3 "textarea" Example
- 4 "textarea" HTML Attributes
- 5 "textarea" JavaScript Collections
- 6 "textarea" JavaScript Methods
- 7 "textarea" JavaScript Objects
- 8 "textarea" JavaScript Properties
- 9 "textarea" Microsoft Behaviors
- 10 "textarea" Microsoft Filters
- 11 "textarea" Syntax and Note
"textarea" CSS Attributes and JavaScript Style Properties
Names noted with an asterisk (*) are JavaScript properties only.
+----------------+--------------------------------------------------------------+
| CSS |!important accelerator |
| Attributes |background background-attachment |
| and |background-color background-image |
| JavaScript |background-position background-position-x |
| Style |background-positiony background-repeat |
| Properties |behavior border |
| |border-bottom border-bottom-color |
| |border-bottom-style border-bottom-width |
| |border-color border-left |
| |border-left-color border-left-style |
| |border-left-width border-right |
| |border-right-color border-right-style |
| |border-right-width border-style |
| |border-top border-top-color |
| |border-top-style border-top-width |
| |border-width bottom |
| |clear clip |
| |color cursor |
| |direction display |
| |filter float |
| |font font-family |
| |font-size font-style |
| |font-variant font-weight |
| |hasLayout(*) height |
| |ime-mode layout-flow |
| |layout-grid layout-grid-mode |
| |left letter-spacing |
| |line-height margin |
| |margin-bottom margin-left |
| |margin-right margin-top |
| |overflow overflow-x |
| |overflow-y padding |
| |padding-bottom padding-left |
| |padding-right padding-top |
| |pixelBottom(*) pixelHeight(*) |
| |pixelLeft(*) pixelRight(*) |
| |pixelTop(*) pixelWidth(*) |
| |posBottom(*) posHeight(*) |
| |position posLeft(*) |
| |posRight(*) posTop(*) |
| |posWidth(*) right |
| |scrollbar-3dlight-color scrollbar-arrow-color |
| |scrollbar-base-color scrollbar-darkshadow-color |
| |scrollbar-face-color scrollbar-highlight-color |
| |scrollbar-shadow-color scrollbar-track-color |
| |styleFloat(*) text-align |
| |text-align-last text-autospace |
| |text-decoration text-overflow |
| |text-transform text-underline-position |
| |textDecorationBlink(*) textDecorationLineThrough(*) |
| |textDecorationNone(*) textDecorationOverline(*) |
| |textDecorationUnderline(*) top |
| |unicode-bidi visibility |
| |width word-spacing |
| |word-wrap writing-mode |
| |z-index zoom |
+----------------+--------------------------------------------------------------+
"textarea" Event Handlers
+----------------+--------------------------------------------------------------+
| Event |onActivate onAfterUpdate |
| Handlers |onBeforeActivate onBeforeCopy |
| |onBeforeCut onBeforeDeactivate |
| |onBeforeEditFocus onBeforePaste |
| |onBeforeUpdate onBlur |
| |onChange onClick |
| |onContextMenu onControlSelect |
| |onCut onDblClick |
| |onDeactivate onDrag |
| |onDragEnd onDragEnter |
| |onDragLeave onDragOver |
| |onDragStart onDrop |
| |onErrorUpdate onFilterChange |
| |onFocus onFocusIn |
| |onFocusOut onHelp |
| |onKeyDown onKeyPress |
| |onKeyUp onLoseCapture |
| |onMouseDown onMouseEnter |
| |onMouseLeave onMouseMove |
| |onMouseOut onMouseOver |
| |onMouseUp onMouseWheel |
| |onMove onMoveEnd |
| |onMoveStart onPaste |
| |onPropertyChange onReadyStateChange |
| |onResize onResizeEnd |
| |onResizeStart onScroll |
| |onSelect onSelectStart |
| |onTimeError |
+----------------+--------------------------------------------------------------+
"textarea" Example
<html>
<head>
<title>textarea element example</title>
</head>
<body>
<form name="form1" method="post" action="">
<p>
<fieldset align="center">
<textarea name="textfield1" cols="40" rows="2" wrap="hard">
Your name and surname
</textarea>
<br>
</fieldset>
</p>
</form>
<form name="form2" method="post" action="">
<p>
<fieldset>
<input type="text" name="textfield3" value="Street address" size="65">
<br>
<input type="text" name="textfield4" value="City" size="45">
<br>
<input type="text" name="textfield5" value="Zip Code" size="55">
<br>
<input type="text" name="textfield6" value="Email" size="55">
<br>
<input type="text" name="textfield7" value="Website" size="55">
</fieldset>
</p>
</form>
</body>
</html>
"textarea" HTML Attributes
+----------------+--------------------------------------------------------------+
| HTML |accesskey begin |
| Attributes |class cols |
| |contenteditable datafld |
| |datasrc dir |
| |disabled end |
| |hidefocus id |
| |lang language |
| |name readonly |
| |rows style |
| |syncmaster systemBitrate |
| |systemCaptions systemLanguage |
| |systemOverdubOrSubtitle tabindex |
| |timecontainer title |
| |unselectable wrap |
+----------------+--------------------------------------------------------------+
"textarea" JavaScript Collections
+----------------+--------------------------------------------------------------+
| JavaScript |all attributes |
| Collections |behaviorUrns childNodes |
| |children filters |
+----------------+--------------------------------------------------------------+
"textarea" JavaScript Methods
+----------------+--------------------------------------------------------------+
| JavaScript |addBehavior appendChild |
| Methods |applyElement attachEvent |
| |blur clearAttributes |
| |click cloneNode |
| |componentFromPoint contains |
| |createTextRange detachEvent |
| |doScroll dragDrop |
| |fireEvent focus |
| |getAdjacentText getAttribute |
| |getAttributeNode getBoundingClientRect |
| |getClientRects getElementsByTagName |
| |getExpression hasChildNodes |
| |insertAdjacentElement insertAdjacentHTML |
| |insertAdjacentText insertBefore |
| |mergeAttributes normalize |
| |releaseCapture removeAttribute |
| |removeAttributeNode removeBehavior |
| |removeChild removeExpression |
| |removeNode replaceAdjacentText |
| |replaceChild replaceNode |
| |scrollIntoView select |
| |setActive setAttribute |
| |setAttributeNode setCapture |
| |setExpression swapNode |
+----------------+--------------------------------------------------------------+
"textarea" JavaScript Objects
+----------------+--------------------------------------------------------------+
| JavaScript |currentStyle runtimeStyle |
| Objects |style |
+----------------+--------------------------------------------------------------+
"textarea" JavaScript Properties
+----------------+--------------------------------------------------------------+
| JavaScript |accessKey canHaveChildren |
| Properties |canHaveHTML className |
| |clientHeight clientLeft |
| |clientTop clientWidth |
| |cols contentEditable |
| |cursor dataFld |
| |datasrc defaultValue |
| |dir disabled |
| |end firstChild |
| |form hasLayout |
| |hideFocus id |
| |innerHTML innerText |
| |isContentEditable isDisabled |
| |isMultiLine isTextEdit |
| |lang language |
| |lastChild name |
| |nextSibling nodeName |
| |nodeType nodeValue |
| |offsetHeight offsetLeft |
| |offsetParent offsetTop |
| |offsetWidth outerHTML |
| |outerText ownerDocument |
| |parentElement parentNode |
| |parentTextEdit previousSibling |
| |readOnly readyState |
| |recordNumber rows |
| |scopeName scrollHeight |
| |scrollLeft scrollTop |
| |scrollWidth sourceIndex |
| |status tabIndex |
| |tagName tagUrn |
| |title type |
| |uniqueID value |
| |wrap |
+----------------+--------------------------------------------------------------+
"textarea" Microsoft Behaviors
+----------------+--------------------------------------------------------------+
| Microsoft |clientCaps download |
| Behaviors |homePage httpFolder |
| |saveFavorite saveHistory |
| |saveSnapshot time |
| |time2 userData |
+----------------+--------------------------------------------------------------+
"textarea" Microsoft Filters
+----------------+--------------------------------------------------------------+
| Microsoft |Alpha Barn |
| Filters |BasicImage BlendTrans |
| |Blinds Blur |
| |CheckerBoard Chroma |
| |Compositor DropShadow |
| |Emboss Engrave |
| |Fade FlipH |
| |FlipV Glow |
| |GradientWipe Gray |
| |ICMFilter Inset |
| |Invert Iris |
| |Light MaskFilter |
| |Matrix MotionBlur |
| |Pixelate RadialWipe |
| |RandomBars RandomDissolve |
| |RevealTrans Shadow |
| |Slide Spiral |
| |Stretch Strips |
| |Wave Wheel |
| |Xray Zigzag |
+----------------+--------------------------------------------------------------+
"textarea" Syntax and Note
Note:
This element creates a multiline text entry control.
Text enclosed is displayed in the text field when the form is first displayed.
This element is usually used in conjunction with the <form> element.
Syntax:
<textarea attributes events> . . . </textarea>