HTML CSS Reference/HTML Tag Reference/fieldset
Содержание
- 1 "fieldset" CSS Attributes and JavaScript Style Properties
- 2 "fieldset" Event Handlers
- 3 "fieldset" Example
- 4 "fieldset" HTML Attributes
- 5 "fieldset" JavaScript Collections
- 6 "fieldset" JavaScript Methods
- 7 "fieldset" JavaScript Objects
- 8 "fieldset" JavaScript Properties
- 9 "fieldset" Microsoft Behaviors
- 10 "fieldset" Microsoft Filters
- 11 "fieldset" Syntax and Note
"fieldset" CSS Attributes and JavaScript Style Properties
Names noted with an asterisk (*) are JavaScript properties only.
+----------------+--------------------------------------------------------------+
| CSS |:first-letter :first-line |
| Attributes |accelerator background |
| and |background-attachment background-color |
| JavaScript |background-image background-position |
| Style |background-position-x background-position-y |
| Properties |background-repeat 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 layout-flow |
| |layout-grid layout-grid-char |
| |layout-grid-line layout-grid-mode |
| |layout-grid-type left |
| |letter-spacing line-break |
| |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 |
| |page-break-after page-break-before |
| |pixelBottom(*) pixelHeight(*) |
| |pixelLeft(*) pixelRight(*) |
| |pixelTop(*) pixelWidth(*) |
| |posBottom(*) posHeight(*) |
| |position posLeft(*) |
| |posRight(*) posTop(*) |
| |posWidth(*) right |
| |styleFloat(*) text-align |
| |text-align-last text-autospace |
| |text-decoration text-indent |
| |text-justify text-kashida-space |
| |text-overflow text-transform |
| |text-underline-position textDecorationBlink(*) |
| |textDecorationLineThrough(*) textDecorationNone(*) |
| |textDecorationOverline(*) textDecorationUnderline(*) |
| |top unicode-bidi |
| |visibility white-space |
| |width word-break |
| |word-spacing word-wrap |
| |writing-mode z-index |
| |zoom |
+----------------+--------------------------------------------------------------+
"fieldset" Event Handlers
+----------------+--------------------------------------------------------------+
| Event |onActivate onBeforeActivate |
| Handlers |onBeforeCopy onBeforeCut |
| |onBeforeDeactivate onBeforeEditFocus |
| |onBeforePaste onBlur |
| |onClick onContextMenu |
| |onControlSelect onCopy |
| |onCut onDblClick |
| |onDeactivate onDrag |
| |onDragEnd onDragEnter |
| |onDragLeave onDragOver |
| |onDragStart onDrop |
| |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 |
| |onSelectStart onTimeError |
+----------------+--------------------------------------------------------------+
"fieldset" Example
<html>
<head>
<title>fieldset element example</title>
</head>
<body>
<form name="form1" method="post" action="">
<p>
<fieldset>
<input type="text" name="textfield" value="First text field in first fieldset"size="60">
<br>
<input type="text" name="textfield2" value="Second text field in first fieldset"size="50">
</fieldset>
</p>
</form>
<form name="form2" method="post" action="">
<p>
<fieldset>
<input type="text" name="textfield3" value="First text field in second fieldset"size="65">
<br>
<input type="text" name="textfield4" value="Second text field in second fieldset"size="45">
<br>
<input type="text" name="textfield5" value="Third text field in second fieldset"size="55">
</fieldset>
</p>
</form>
</body>
</html>
"fieldset" HTML Attributes
+----------------+--------------------------------------------------------------+
| HTML |accesskey align |
| Attributes |begin class |
| |contenteditable datafld |
| |dir disabled |
| |end hidefocus |
| |id lang |
| |language style |
| |syncmaster systemBitrate |
| |systemCaptions systemLanguage |
| |systemOverdubOrSubtitle tabindex |
| |timecontainer title |
| |unselectable |
+----------------+--------------------------------------------------------------+
"fieldset" JavaScript Collections
+----------------+--------------------------------------------------------------+
| JavaScript |all attributes |
| Collections |behaviorUrns childNodes |
| |children filters |
+----------------+--------------------------------------------------------------+
"fieldset" JavaScript Methods
+----------------+--------------------------------------------------------------+
| JavaScript |addBehavior appendChild |
| Methods |applyElement attachEvent |
| |blur clearAttributes |
| |click cloneNode |
| |componentFromPoint contains |
| |detachEvent 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 |
| |setActive setAttribute |
| |setAttributeNode setCapture |
| |setExpression swapNode |
+----------------+--------------------------------------------------------------+
"fieldset" JavaScript Objects
+----------------+--------------------------------------------------------------+
| JavaScript |currentStyle runtimeStyle |
| Objects |style |
+----------------+--------------------------------------------------------------+
"fieldset" JavaScript Properties
+----------------+--------------------------------------------------------------+
| JavaScript |accessKey align |
| Properties |blockDirection canHaveChildren |
| |canHaveHTML className |
| |clientHeight clientLeft |
| |clientTop clientWidth |
| |contentEditable cursor |
| |dataFld dir |
| |disabled end |
| |firstChild form |
| |hasLayout hideFocus |
| |id innerHTML |
| |innerText isContentEditable |
| |isDisabled isMultiLine |
| |isTextEdit lang |
| |language lastChild |
| |nextSibling nodeName |
| |nodeType nodeValue |
| |offsetHeight offsetLeft |
| |offsetParent offsetTop |
| |offsetWidth outerHTML |
| |outerText ownerDocument |
| |parentElement parentNode |
| |parentTextEdit previousSibling |
| |readyState scopeName |
| |scrollHeight scrollLeft |
| |scrollTop scrollWidth |
| |sourceIndex tabIndex |
| |tagName tagUrn |
| |title uniqueID |
+----------------+--------------------------------------------------------------+
"fieldset" Microsoft Behaviors
+----------------+--------------------------------------------------------------+
| Microsoft |clientCaps download |
| Behaviors |homePage time |
| |time2 |
+----------------+--------------------------------------------------------------+
"fieldset" 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 |
+----------------+--------------------------------------------------------------+
"fieldset" Syntax and Note
Note:
This element groups <form> elements together by drawing a rectangle.
Syntax:
<fieldset attributes events> . . . </fieldset>