Content modelp114:
Phrasing contentp117
, but there must be nometerp500
element descendants.
Tag omission in text/htmlp114:
Neither tag is omissible.
Content attributesp114:
Global attributesp121
valuep501
— Current value of the element
minp501
— Lower bound of range
maxp501
— Upper bound of range
lowp501
— High limit of low range
highp501
— Low limit of high range
optimump501
— Optimum value in gauge
DOM interfacep114:
interface HTMLMeterElement : HTMLElement
{
[CEReactions
] attribute double value
;
[CEReactions
] attribute double min
;
[CEReactions
] attribute double max
;
[CEReactions
] attribute double low
;
[CEReactions
] attribute double high
;
[CEReactions
] attribute double optimum
;
[SameObject] readonly attribute NodeList
labels
;
};
Themeterp500
elementrepresentsp112
a scalar measurement within a known range, or a fractional value; for example disk usage, the relevance of
a query result, or the fraction of a voting population to have selected a particular candidate.
This is also known as a gauge.
There are six attributes that determine the semantics of the gauge represented by the element.
Theminattribute specifies the lower bound of the range, and themaxattribute specifies the upper bound. Thevalueattribute specifies the value
to have the gauge indicate as the "measured" value.
The other three attributes can be used to segment the gauge's range into "low", "medium", and "high" parts, and to indicate which part of the gauge
is the "optimum" part. Thelowattribute specifies the range that is considered to be the "low" part, and thehighattribute specifies the range that is
considered to be the "high" part. Theoptimumattribute gives the position that is "optimum"; if that is higher than the "high" value then this indicates
that the higher the value, the better; if it's lower than the "low" mark then it indicates that lower values are better, and naturally if it is in between then
it indicates that neither high nor low values are good.
Authoring requirements: Thevaluep501
attribute must be specified. Thevaluep501
,minp501
,lowp501
,highp501
,maxp501
, andoptimump501
attributes, when present, must have values that arevalid floating-point numbersp67
.
In addition, the attributes' values are further constrained:
Letvaluebe thevaluep501
attribute's number.
If theminp501
attribute is specified, then letminimumbe that attribute's value; otherwise, let it be zero.
If themaxp501
attribute is specified, then letmaximumbe that attribute's value; otherwise, let it be 1.0.
Themeterp500
element should not be used to indicate progress (as in a progress bar). For that role, HTML provides a separate
progressp499
element.
Note
Themeterp500
element also does not represent a scalar value of arbitrary range — for example, it would be wrong to use this to report a
weight, or height, unless there is a known maximum value.
Note
IDL
501
Pdf data extraction - extract form data from PDF in C#.net, ASP.NET, MVC, Ajax, WPF
Help to Read and Extract Field Data from PDF with a Convenient C# Solution
pdf data extraction; extract data from pdf file to excel
Pdf data extraction - VB.NET PDF Form Data Read library: extract form data from PDF in vb.net, ASP.NET, MVC, Ajax, WPF
Convenient VB.NET Solution to Read and Extract Field Data from PDF
how to save fillable pdf form in reader; saving pdf forms in acrobat reader
The following inequalities must hold, as applicable:
• minimum≤value≤maximum
• minimum≤lowp501
≤maximum(iflowp501
is specified)
• minimum≤highp501
≤maximum(ifhighp501
is specified)
• minimum≤optimump501
≤maximum(ifoptimump501
is specified)
• lowp501
highp501
(if bothlowp501
andhighp501
are specified)
Authors are encouraged to include a textual representation of the gauge's state in the element's contents, for users of user agents that do not
support themeterp500
element.
When used withmicrodatap672
, themeterp500
element'svaluep501
attribute provides the element's machine-readable value.
There is no explicit way to specify units in themeterp500
element, but the units may be specified in thetitlep124
attribute in free-form text.
User agent requirements: User agents must parse theminp501
,maxp501
,valuep501
,lowp501
,highp501
, andoptimump501
attributes using the
rules for parsing floating-point number valuesp67
.
User agents must then use all these numbers to obtain values for six points on the gauge, as follows. (The order in which these are evaluated is
important, as some of the values refer to earlier ones.)
Theminimum value
If theminp501
attribute is specified and a value could be parsed out of it, then the minimum value is that value. Otherwise, the minimum value
is zero.
Themaximum value
If themaxp501
attribute is specified and a value could be parsed out of it, then the candidate maximum value is that value. Otherwise, the
candidate maximum value is 1.0.
If the candidate maximum value is greater than or equal to the minimum value, then the maximum value is the candidate maximum value.
Otherwise, the maximum value is the same as the minimum value.
If no minimum or maximum is specified, then the range is assumed to be 0..1, and the value thus has to be within that range.
Note
The following examples show three gauges that would all be three-quarters full:
Storage space usage: <meter value=6 max=8>6 blocks used (out of 8 total)</meter>
Voter turnout: <meter value=0.75><img alt="75%" src="graph75.png"></meter>
Tickets sold: <meter min="0" max="100" value="75"></meter>
The following example is incorrect use of the element, because it doesn't give a range (and since the default maximum is 1, both of the
gauges would end up looking maxed out):
<p>The grapefruit pie had a radius of <meter value=12>12cm</meter>
and a height of <meter value=2>2cm</meter>.</p> <!-- BAD! -->
Instead, one would either not include the meter element, or use the meter element with a defined range to give the dimensions in context
compared to other pies:
<p>The grapefruit pie had a radius of 12cm and a height of
2cm.</p>
<dl>
<dt>Radius: <dd> <meter min=0 max=20 value=12>12cm</meter>
<dt>Height: <dd> <meter min=0 max=10 value=2>2cm</meter>
</dl>
Example
The example above could be extended to mention the units:
<dl>
<dt>Radius: <dd> <meter min=0 max=20 value=12 title="centimeters">12cm</meter>
<dt>Height: <dd> <meter min=0 max=10 value=2 title="centimeters">2cm</meter>
</dl>
Example
502
VB.NET PDF Text Extract Library: extract text content from PDF
Application. Advanced Visual Studio .NET PDF text extraction control, built in .NET framework 2.0 and compatible with Windows system.
extract data from pdf into excel; cannot save pdf form in reader
C# PDF Text Extract Library: extract text content from PDF file in
Image text extraction control provides text extraction from PDF images and image files. Best C#.NET PDF text extraction library and component for free download.
can reader edit pdf forms; extract data from pdf to excel online
Theactual value
If thevaluep501
attribute is specified and a value could be parsed out of it, then that value is the candidate actual value. Otherwise, the
candidate actual value is zero.
If the candidate actual value is less than the minimum value, then the actual value is the minimum value.
Otherwise, if the candidate actual value is greater than the maximum value, then the actual value is the maximum value.
Otherwise, the actual value is the candidate actual value.
Thelow boundary
If thelowp501
attribute is specified and a value could be parsed out of it, then the candidate low boundary is that value. Otherwise, the
candidate low boundary is the same as the minimum value.
If the candidate low boundary is less than the minimum value, then the low boundary is the minimum value.
Otherwise, if the candidate low boundary is greater than the maximum value, then the low boundary is the maximum value.
Otherwise, the low boundary is the candidate low boundary.
Thehigh boundary
If thehighp501
attribute is specified and a value could be parsed out of it, then the candidate high boundary is that value. Otherwise, the
candidate high boundary is the same as the maximum value.
If the candidate high boundary is less than the low boundary, then the high boundary is the low boundary.
Otherwise, if the candidate high boundary is greater than the maximum value, then the high boundary is the maximum value.
Otherwise, the high boundary is the candidate high boundary.
Theoptimum point
If theoptimump501
attribute is specified and a value could be parsed out of it, then the candidate optimum point is that value. Otherwise, the
candidate optimum point is the midpoint between the minimum value and the maximum value.
If the candidate optimum point is less than the minimum value, then the optimum point is the minimum value.
Otherwise, if the candidate optimum point is greater than the maximum value, then the optimum point is the maximum value.
Otherwise, the optimum point is the candidate optimum point.
All of which will result in the following inequalities all being true:
• minimum value ≤ actual value ≤ maximum value
• minimum value ≤ low boundary ≤ high boundary ≤ maximum value
• minimum value ≤ optimum point ≤ maximum value
UA requirements for regions of the gauge: If the optimum point is equal to the low boundary or the high boundary, or anywhere in between them,
then the region between the low and high boundaries of the gauge must be treated as the optimum region, and the low and high parts, if any, must
be treated as suboptimal. Otherwise, if the optimum point is less than the low boundary, then the region between the minimum value and the low
boundary must be treated as the optimum region, the region from the low boundary up to the high boundary must be treated as a suboptimal region,
and the remaining region must be treated as an even less good region. Finally, if the optimum point is higher than the high boundary, then the
situation is reversed; the region between the high boundary and the maximum value must be treated as the optimum region, the region from the
high boundary down to the low boundary must be treated as a suboptimal region, and the remaining region must be treated as an even less good
region.
UA requirements for showing the gauge: When representing ameterp500
element to the user, the UA should indicate the relative position of the
actual value to the minimum and maximum values, and the relationship between the actual value and the three regions of the gauge.
The following markup:
<h3>Suggested groups</h3>
<menu type="toolbar">
<a href="?cmd=hsg" onclick="hideSuggestedGroups()">Hide suggested groups</a>
Example
503
VB.NET PDF Image Extract Library: Select, copy, paste PDF images
Support PDF Image Extraction from a Page, a Region on a Page, and PDF Document in VB.NET Project. DLLs for PDF Image Extraction in VB.NET.
collect data from pdf forms; export pdf form data to excel
VB.NET PDF Page Extract Library: copy, paste, cut PDF pages in vb.
VB.NET PDF - PDF File Pages Extraction Guide. Detailed VB.NET Guide for Extracting Pages from Microsoft PDF Doc. Free PDF document
extracting data from pdf forms to excel; how to save a pdf form in reader
User agents may combine the value of thetitlep124
attribute and the other attributes to provide context-sensitive help or inline text detailing the
actual values.
ThevalueIDL attribute, on getting, must return theactual valuep503
. On setting, the given value must be converted to thebest representation of the
number as a floating-point numberp67
and then thevaluep504
content attribute must be set to that string.
TheminIDL attribute, on getting, must return theminimum valuep502
. On setting, the given value must be converted to thebest representation of
the number as a floating-point numberp67
and then theminp504
content attribute must be set to that string.
ThemaxIDL attribute, on getting, must return themaximum valuep502
. On setting, the given value must be converted to thebest representation of
the number as a floating-point numberp67
and then themaxp504
content attribute must be set to that string.
ThelowIDL attribute, on getting, must return thelow boundaryp503
. On setting, the given value must be converted to thebest representation of the
number as a floating-point numberp67
and then thelowp504
content attribute must be set to that string.
</menu>
<ul>
<li>
<p><a href="/group/comp.infosystems.www.authoring.stylesheets/
view">comp.infosystems.www.authoring.stylesheets</a> -
<a href="/group/comp.infosystems.www.authoring.stylesheets/subscribe">join</a></p>
<p>Group description: <strong>Layout/presentation on the WWW.</strong></p>
<p>
<meter value="0.5">Moderate activity,</meter> Usenet, 618 subscribers</p>
</li>
<li>
<p><a href="/group/netscape.public.mozilla.xpinstall/
view">netscape.public.mozilla.xpinstall</a> -
<a href="/group/netscape.public.mozilla.xpinstall/subscribe">join</a></p>
<p>Group description: <strong>Mozilla XPInstall discussion.</strong></p>
<p>
<meter value="0.25">Low activity,</meter> Usenet, 22 subscribers</p>
</li>
<li>
<p><a href="/group/mozilla.dev.general/view">mozilla.dev.general</a> -
<a href="/group/mozilla.dev.general/subscribe">join</a></p>
<p>
<meter value="0.25">Low activity,</meter> Usenet, 66 subscribers</p>
</li>
</ul>
Might be rendered as follows:
For example, the following snippet:
<meter min=0 max=60 value=23.2 title=seconds></meter>
...might cause the user agent to display a gauge with a tooltip saying "Value: 23.2 out of 60." on one line and "seconds" on a second
line.
Example
504
C# PDF Image Extract Library: Select, copy, paste PDF images in C#
Document. Support PDF Image Extraction from a Page, a Region on a Page, and PDF Document. C# Project: DLLs for PDF Image Extraction. In
export pdf data to excel; how to extract data from pdf file using java
VB.NET PDF Library SDK to view, edit, convert, process PDF file
PDF Text Extraction. Mature and robust APIs are provided for programmers to integrate and perform PDF text extraction feature in .NET windows and web project.
how to save pdf form data in reader; java read pdf form fields
ThehighIDL attribute, on getting, must return thehigh boundaryp503
. On setting, the given value must be converted to thebest representation of
the number as a floating-point numberp67
and then thehighp505
content attribute must be set to that string.
TheoptimumIDL attribute, on getting, must return theoptimum valuep503
. On setting, the given value must be converted to thebest representation
of the number as a floating-point numberp67
and then theoptimump505
content attribute must be set to that string.
Thelabelsp434
IDL attribute provides a list of the element'slabelp432
s.
Categoriesp114:
Flow contentp117
.
Sectioning rootp175
.
Listedp428
form-associated elementp428
.
Palpable contentp118
.
Contexts in which this element can be usedp114:
Whereflow contentp117
is expected.
Content modelp114:
Optionally alegendp507
element, followed byflow contentp117
.
Tag omission in text/htmlp114:
Neither tag is omissible.
Content attributesp114:
Global attributesp121
disabledp506
— Whether the form control is disabled
formp508
— Associates the control with aformp429
element
namep510
— Name of form control to use in theform.elementsp431
API
DOM interfacep114:
interface HTMLFieldSetElement : HTMLElement
{
[CEReactions
] attribute boolean disabled
;
readonly attribute HTMLFormElement
form
;
[CEReactions
] attribute DOMString name
;
readonly attribute DOMString type
;
[SameObject] readonly attribute HTMLCollection
elements
;
readonly attribute boolean willValidate
;
[SameObject] readonly attribute ValidityState
validity
;
readonly attribute DOMString validationMessage
;
boolean checkValidity
();
boolean reportValidity
();
void setCustomValidity
(DOMString error);
};
Thefieldsetp505
elementrepresentsp112
a set of form controls optionally grouped under a common name.
The following example shows how a gauge could fall back to localised or pretty-printed text.
<p>Disk usage: <meter min=0 value=170261928 max=233257824>170261928 bytes used
out of 233257824 bytes available</meter></p>
Example
IDL
4.10.16 Thefieldsetelement
Spec bugs:25551
505
C#: Demos and Sample Codes for Image Content Extraction Using OCR
C# Sample Code for Png Image Text Extraction. This C# OCR demo code illustrates how to extract text from Png and save to png.pdf. // Set the training data path.
export pdf form data to excel spreadsheet; export excel to pdf form
C# PDF File Permission Library: add, remove, update PDF file
Form Process. Data: Read, Extract Field Data. Data: Auto Fill-in Field Data. Field: Insert Choose to offer PDF annotation and content extraction functions.
using pdf forms to collect data; extract data from pdf form
The name of the group is given by the firstlegendp507
element that is a child of thefieldsetp505
element, if any. The remainder of the
descendants form the group.
Thedisabledattribute, when specified, causes all the form control descendants of thefieldsetp505
element, excluding those that are
descendants of thefieldsetp505
element's firstlegendp507
element child, if any, to bedisabledp511
.
Afieldsetp505
element is adisabled fieldsetif it matches any of the following conditions:
• Itsdisabledp506
attribute is specified
• It is a descendant of anotherfieldsetp505
element whosedisabledp506
attribute is specified, and isnota descendant of that
fieldsetp505
element's firstlegendp507
element child, if any.
Theformp508
attribute is used to explicitly associate thefieldsetp505
element with itsform ownerp508
. Thenamep510
attribute represents the
element's name.
ThedisabledIDL attribute mustreflectp89
the content attribute of the same name.
ThetypeIDL attribute must return the string "fieldset".
TheelementsIDL attribute must return anHTMLCollection
rooted at thefieldsetp505
element, whose filter matcheslisted elementsp428
.
ThewillValidatep534
,validityp534
, andvalidationMessagep536
attributes, and thecheckValidity()p535
,reportValidity()p535
, and
setCustomValidity()p534
methods, are part of theconstraint validation APIp533
. Theformp510
andnamep510
IDL attributes are part of the
element's forms API.
fieldset.typep506
Returns the string "fieldset".
fieldset.elementsp506
Returns anHTMLCollection
of the form controls in the element.
Note
This example shows afieldsetp505
element being used to group a set of related controls:
<fieldset>
<legend>Display</legend>
<p><label><input type=radio name=c value=0 checked> Black on White</label>
<p><label><input type=radio name=c value=1> White on Black</label>
<p><label><input type=checkbox name=g> Use grayscale</label>
<p><label>Enhance contrast <input type=range name=e list=contrast min=0 max=100 value=0
step=1></label>
<datalist id=contrast>
<option label=Normal value=0>
<option label=Maximum value=100>
</datalist>
</fieldset>
Example
The following snippet shows a fieldset with a checkbox in the legend that controls whether or not the fieldset is enabled. The contents of
the fieldset consist of two required text fields and an optional year/month control.
<fieldset name="clubfields" disabled>
<legend> <label>
<input type=checkbox name=club onchange="form.clubfields.disabled = !checked">
Use Club Card
</label> </legend>
<p><label>Name on card: <input name=clubname required></label></p>
<p><label>Card number: <input name=clubnum required pattern="[-0-9]+"></label></p>
Example
Support:
Chrome
20+
Chrome for Android
50+
UC Browser for Android d 9.9+
iOS Safari
6.0-6.1+
Firefox
4+
IE(limited)
6+
Opera Mini(limited) 5.0-8.0+
Android Browser
4.4+
Edge
12+
Safari
6+
Opera
10.0-10.1+
IE Mobile(limited)
11+
Source:caniuse.com
506
VB.NET PDF File Permission Library: add, remove, update PDF file
Data: Read, Extract Field Data. Data: Auto Fill-in Field Data. Field: Insert, Delete, Update Choose to offer PDF annotation and content extraction functions.
change font size pdf form reader; extract pdf form data to excel
C# PDF File Merge Library: Merge, append PDF files in C#.net, ASP.
Merge Microsoft Office Word, Excel and PowerPoint data to PDF form. PDF document splitting, PDF page reordering and PDF page image and text extraction.
edit pdf form in reader; pdf form data extraction
Categoriesp114:
None.
Contexts in which this element can be usedp114:
As the first child of afieldsetp505
element.
Content modelp114:
Phrasing contentp117
.
Tag omission in text/htmlp114:
Neither tag is omissible.
Content attributesp114:
Global attributesp121
DOM interfacep114:
interface HTMLLegendElement t : HTMLElement
{
readonly attribute HTMLFormElement
form
;
// also has obsolete members
};
Thelegendp507
elementrepresentsp112
a caption for the rest of the contents of thelegendp507
element's parentfieldsetp505
element, if any.
<p><label>Expiry date: <input name=clubexp type=month></label></p>
</fieldset>
You can also nestfieldsetp505
elements. Here is an example expanding on the previous one that does so:
<fieldset name="clubfields" disabled>
<legend> <label>
<input type=checkbox name=club onchange="form.clubfields.disabled = !checked">
Use Club Card
</label> </legend>
<p><label>Name on card: <input name=clubname required></label></p>
<fieldset name="numfields">
<legend> <label>
<input type=radio checked name=clubtype onchange="form.numfields.disabled = !checked">
My card has numbers on it
</label> </legend>
<p><label>Card number: <input name=clubnum required pattern="[-0-9]+"></label></p>
</fieldset>
<fieldset name="letfields" disabled>
<legend> <label>
<input type=radio name=clubtype onchange="form.letfields.disabled = !checked">
My card has letters on it
</label> </legend>
<p><label>Card code: <input name=clublet required pattern="[A-Za-z]+"></label></p>
</fieldset>
</fieldset>
In this example, if the outer "Use Club Card" checkbox is not checked, everything inside the outerfieldsetp505
, including the two radio
buttons in the legends of the two nestedfieldsetp505
s, will be disabled. However, if the checkbox is checked, then the radio buttons
will both be enabled and will let you select which of the two innerfieldsetp505
s is to be enabled.
Example
IDL
4.10.17 Thelegendelement
507
TheformIDL attribute's behaviour depends on whether thelegendp507
element is in afieldsetp505
element or not. If thelegendp507
has a
fieldsetp505
element as its parent, then theformp508
IDL attribute must return the same value as theformp510
IDL attribute on that
fieldsetp505
element. Otherwise, it must return null.
4.10.18.1 A form control's value
Most form controls have avalueand acheckedness. (The latter is only used byinputp434
elements.) These are used to describe how the user
interacts with the control.
A control'svaluep508
is its internal state. As such, it might not match the user's current input.
To define the behaviour of constraint validation in the face of theinputp434
element'smultiplep465
attribute,inputp434
elements can also have
separately definedvalues.
Theselectp479
element does not have avaluep508
; theselectednessp487
of itsoptionp486
elements is what is used instead.
4.10.18.2 Mutability
A form control can be designated asmutable.
4.10.18.3 Association of controls and forms
Aform-associated elementp428
can have a relationship with aformp429
element, which is called the element'sform owner. If aform-associated
elementp428
is not associated with aformp429
element, itsform ownerp508
is said to be null.
Aform-associated elementp428
is, by default, associated with its nearest ancestorformp429
element (as described below), but, if it islistedp428
, may
have aformattribute specified to override this.
If alistedp428
form-associated elementp428
has aformp508
attribute specified, then that attribute's value must be theID
of aformp429
element in the
element'stree
.
When aform-associated elementp428
is created, itsform ownerp508
must be initialised to null (no owner).
legend.formp508
Returns the element'sformp429
element, if any, or null otherwise.
Note
For instance, if a user enters the word "three" intoa numeric fieldp450
that expects digits, the user's input would be the string "three" but
the control'svaluep508
would remain unchanged. Or, if a user enters the email address " awesome@example.com" (with leading
whitespace) intoan email fieldp443
, the user's input would be the string " awesome@example.com" but the browser's UI for email fields
might translate that into avaluep508
of "awesome@example.com" (without the leading whitespace).
Example
This determines (by means of definitions and requirements in this specification that rely on whether an element is so designated) whether
or not the user can modify thevaluep508
orcheckednessp508
of a form control, or whether or not a control can be automatically prefilled.
Note
This feature allows authors to work around the lack of support for nestedformp429
elements.
Note
The rules in this section are complicated by the fact that although conforming documents ortrees
will never contain nestedformp429
elements, it is quite possible (e.g., using a script that performs DOM manipulation) to generatetrees
that have such nested elements. They
are also complicated by rules in the HTML parser that, for historical reasons, can result in aform-associated elementp428
being associated
with aformp429
element that is not its ancestor.
Note
4.10.18 Form control infrastructure
Spec bugs:28800
Support:
Chrome
10+
Chrome for Android
50+
UC Browser for Android d 9.9+
iOS Safari
5.0-5.1+
Firefox
4+
IE
None
Opera Mini
5.0-8.0+
Android Browser
3+
Edge
None
Safari
5.1+
Opera
9.5-9.6+
IE Mobile
None
Source:caniuse.com
508
When aform-associated elementp428
is to beassociatedwith a form, itsform ownerp508
must be set to that form.
When aform-associated elementp428
or one of its ancestors isconnectedp43
, then the user agent mustreset the form ownerp509
of thatform-
associated elementp428
.
TheHTML parserp962
overrides this requirement when inserting form controls.
When an element changes its parent node resulting in aform-associated elementp428
and itsform ownerp508
(if any) no longer being in the same
tree
, then the user agent mustreset the form ownerp509
of thatform-associated elementp428
.
When alistedp428
form-associated elementp428
'sformp508
attribute is set, changed, or removed, then the user agent mustreset the form ownerp509
of that element.
When alistedp428
form-associated elementp428
has aformp508
attribute and theID
of any of the elements in thetree
changes, then the user agent
mustreset the form ownerp509
of thatform-associated elementp428
.
When alistedp428
form-associated elementp428
has aformp508
attribute and an element with anID
isinserted intop43
orremoved fromp43
the
Documentp103
, then the user agent mustreset the form ownerp509
of thatform-associated elementp428
.
When the user agent is toreset the form ownerof aform-associated elementp428
element, it must run the following steps:
1. If all of the following conditions are true
◦ element'sform ownerp508
is not null
◦ elementis notlistedp428
or itsformp508
content attribute is not present
◦ element'sform ownerp508
is its nearestformp429
element ancestor after the change to the ancestor chain
then do nothing, and abort these steps.
2. Setelement'sform ownerp508
to null.
3. Ifelementislistedp428
, has aformp508
content attribute, and is itselfin a shadow-including document
, then run this substep:
1. If the first element inelement'stree
, intree order
, to have anID
that iscase-sensitivelyp63
equal toelement'sformp508
content attribute's value, is aformp429
element, thenassociatep509
theelementwith thatformp429
element.
4. Otherwise, ifelementhas an ancestorformp429
element, thenassociatep509
elementwith the nearest such ancestorformp429
element.
In the following non-conforming snippet:
...
<form id="a">
<div id="b"></div>
</form>
<script>
document.getElementById('b').innerHTML =
'<table><tr><td></form><form id="c"><input id="d"></table>' +
'<input id="e">';
</script>
...
Theform ownerp508
of "d" would be the inner nested form "c", while theform ownerp508
of "e" would be the outer form "a".
This happens as follows: First, the "e" node gets associated with "c" in theHTML parserp962
. Then, theinnerHTML
algorithm moves the
nodes from the temporary document to the "b" element. At this point, the nodes see their ancestor chain change, and thus all the
"magic" associations done by the parser are reset to normal ancestor associations.
This example is a non-conforming document, though, as it is a violation of the content models to nestformp429
elements, and there is a
parse errorp963
for the</form>tag.
Example
element.formp510
Returns the element'sform ownerp508
.
Note
Note
509
Listedp428
form-associated elementsp428
have aformIDL attribute, which, on getting, must return the element'sform ownerp508
, or null if there isn't
one.
4.10.19.1 Naming form controls: thenamep510
attribute
Thenamecontent attribute gives the name of the form control, as used inform submissionp536
and in theformp429
element'selementsp431
object.
If the attribute is specified, its value must not be the empty string.
Any non-empty value fornamep430
is allowed. The name_charset_is special: If used as the name of aHiddenp440
control with novaluep438
attribute, is automatically given a value during submission consisting of the submission character encoding.
ThenameIDL attribute mustreflectp89
thenamep510
content attribute.
4.10.19.2 Submitting element directionality: thedirnamep510
attribute
Thedirnameattribute on a form control element enables the submission ofthe directionalityp127
of the element, and gives the name of the field that
contains this value duringform submissionp536
. If such an attribute is specified, its value must not be the empty string.
4.10.19.3 Limiting user input length: themaxlengthp510
attribute
Aform controlmaxlengthattribute, controlled by adirty value flag, declares a limit on the number of characters a user can input.
If an element has itsform controlmaxlengthattributep510
specified, the attribute's value must be avalid non-negative integerp66
. If the attribute is
specified and applying therules for parsing non-negative integersp66
to its value results in a number, then that number is the element'smaximum
allowed value length. If the attribute is omitted or parsing its value results in an error, then there is nomaximum allowed value lengthp510
.
Constraint validation: If an element has amaximum allowed value lengthp510
, itsdirty value flagis true, itsvaluep508
was last changed by a user
edit (as opposed to a change made by a script), and thecode-unit lengthp45
of the element'svaluep508
is greater than the element'smaximum
allowed value lengthp510
, then the element issuffering from being too longp532
.
User agents may prevent the user from causing the element'svaluep508
to be set to a value whosecode-unit lengthp45
is greater than the element's
maximum allowed value lengthp510
.
Returns null if there isn't one.
In this example, a form contains a text field and a submission button:
<form action="addcomment.cgi" method=post>
<p><label>Comment: <input type=text name="comment" dirname="comment.dir" required></label></p>
<p><button name="mode" type=submit value="add">Post Comment</button></p>
</form>
When the user submits the form, the user agent includes three fields, one called "comment", one called "comment.dir", and one called
"mode"; so if the user types "Hello", the submission body might be something like:
comment=Hello&
comment.dir=ltr&mode=add
If the user manually switches to a right-to-left writing direction and enters "ابحرم", the submission body might be something like:
comment=%D9%85%D8%B1%D8%AD%D8%A8%D8%A7&
comment.dir=rtl&mode=add
Example
4.10.19 Attributes common to form controls
510
Documents you may be interested
Documents you may be interested