HTML CSS Reference/HTML Tag Reference/form
Содержание
- 1 "form" CSS Attributes and JavaScript Style Properties
- 2 "form" Event Handlers
- 3 "form" Example
- 4 "form" HTML Attributes
- 5 "form" JavaScript Collections
- 6 "form" JavaScript Methods
- 7 "form" JavaScript Objects
- 8 "form" JavaScript Properties
- 9 "form" Microsoft Behaviors
- 10 "form" Microsoft Filters
- 11 "form" Syntax and Note
"form" CSS Attributes and JavaScript Style Properties
<source lang="html4strict">
Names noted with an asterisk (*) are JavaScript properties only. +----------------+--------------------------------------------------------------+ | CSS |!important :first-letter | | Attributes |:first-line accelerator | | and |background background-attachment | | JavaScript |background-color background-image | | Style |background-position background-position-x | | Properties |background-position-y 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 | | |bordertop 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 | +----------------+--------------------------------------------------------------+
</source>
"form" Event Handlers
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | Event |onActivate onBeforeActivate | | Handlers |onBeforeCopy onBeforeCut | | |onBeforeDeactivate onBeforeEditFocus | | |onBeforePaste onBlur | | |onClick onContextMenu | | |onControlSelect onCopy | | |onCut onDblClick | | |onDeactivate onDrag | | |onDragEnd onDragEnter | | |onDragLeave onDragOver | | |onDragStart onDrop | | |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 | | |onSubmit onTimeError | +----------------+--------------------------------------------------------------+
</source>
"form" Example
<source lang="html4strict">
<html> <head> <title>form element example</title> </head> <body>
<form name="form2" method="post" action="yourpage.htm">
<input type="text" name="textfield2" value="This is a text field" size="30">
<input type="checkbox" name="checkbox2" value="checkbox">A checkbox.
<input type="radio" name="radiobutton" value="radiobutton">A radio button.
<select name="select2">
<option>List item 1</option>
<option>List item 2</option>
<option>List item 3</option>
<option>List item 4</option>
<option>List item 5</option>
</select>A select list.
<input type="button" name="myButton2" value="Submit">A submit button.
</form>
</body> </html>
</source>
"form" HTML Attributes
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | HTML |acceptcharset action | | Attributes |autocomplete begin | | |class contenteditable | | |dir disabled | | |enctype end | | |hidefocus id | | |lang language | | |method name | | |style syncmaster | | |systemBitrate systemCaptions | | |systemLanguage systemOverdubOrSubtitle | | |tabindex target | | |timecontainer title | | |unselectable | +----------------+--------------------------------------------------------------+
</source>
"form" JavaScript Collections
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | JavaScript |all attributes | | Collections |behaviorUrns childNodes | | |children elements | +----------------+--------------------------------------------------------------+
</source>
"form" JavaScript Methods
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | JavaScript |addBehavior appendChild | | Methods |applyElement attachEvent | | |blur clearAttributes | | |click cloneNode | | |componentFromPoint contains | | |detachEvent dragDrop | | |fireEvent focus | | |getAdjacentText getAttribute | | |getAttributeNode getBoundingClientRect | | |getClientRects getElementsByTagName | | |getExpression hasChildNodes | | |insertAdjacentElement insertAdjacentHTML | | |insertAdjacentText insertBefore | | |item mergeAttributes | | |namedItem normalize | | |releaseCapture removeAttribute | | |removeAttributeNode removeBehavior | | |removeChild removeExpression | | |removeNode replaceAdjacentText | | |replaceChild replaceNode | | |reset scrollIntoView | | |setActive setAttribute | | |setAttributeNode setCapture | | |setExpression submit | | |swapNode urns | +----------------+--------------------------------------------------------------+
</source>
"form" JavaScript Objects
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | JavaScript |currentStyle runtimeStyle | | Objects |style | +----------------+--------------------------------------------------------------+
</source>
"form" JavaScript Properties
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | JavaScript |acceptCharset action | | Properties |autocomplete blockDirection | | |canHaveChildren canHaveHTML | | |className clientHeight | | |clientLeft clientTop | | |clientWidth contentEditable | | |cursor dir | | |disabled encoding | | |enctype end | | |firstChild hasLayout | | |hideFocus id | | |innerHTML innerText | | |isContentEditable isDisabled | | |isMultiLine isTextEdit | | |lang language | | |lastChild length | | |method name | | |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 | | |target title | | |uniqueID | +----------------+--------------------------------------------------------------+
</source>
"form" Microsoft Behaviors
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | Microsoft |clientCaps download | | Behaviors |homePage httpFolder | | |saveFavorite saveHistory | | |saveSnapshot time | | |time2 userData | +----------------+--------------------------------------------------------------+
</source>
"form" Microsoft Filters
<source lang="html4strict">
+----------------+--------------------------------------------------------------+ | 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 | +----------------+--------------------------------------------------------------+
</source>
"form" Syntax and Note
<source lang="html4strict">
Note: This element creates a form that a user can complete and submit information to a server.
Syntax:
<form attributes events> . . . </form>
</source>
