Editing HTML element (section)

===Forms===
{{Main|Form (HTML)}}

These elements can be combined into a form or in some instances used separately as user-interface controls; in the document, they can be simple HTML or used in conjunction with Scripts. HTML markup specifies the elements that make up a form, and the method by which it will be submitted. However, some form of scripts ([[server-side script|server-side]], client-side, or both) must be used to process the user's input once it is submitted.

(These elements are either block or inline elements, but are collected here as their use is more restricted than other inline or block elements.)

{{glossary}}
{{term|term=form |content= {{XMLElement|form|Form|atr={{XMLAttribute|action|Action|url|type=URL|need=required}}}} }}
{{defn|1= Creates a [[form (web)|form]]. The {{tag|form|o}} element specifies and operates the overall action of a form area, using the required <code>action</code> attribute.}}
{{defn|'''Standardized''' in [[#HTML20|HTML 2.0]]; still current.}}

{{term|term=button |content= {{XMLElement|button|Button}} }}
{{defn|1= A generic form button which can contain a range of other elements to create complex buttons.}}
{{defn|'''Standardized''' in [[#HTML401|HTML 4.0]]; still current.}}

{{term|term=datalist |content= {{XMLElement|datalist|Data List}} }}
{{defn|1= A list of <code>option</code>s for use in form elements.}}
{{defn|'''Standardized''' in [[#HTML5|HTML5]].}}

{{term|term=fieldset |content= {{XMLElement|fieldset|Fieldset}} }}
{{defn|1= A container for adding structure to forms. For example, a series of related controls can be grouped within a {{tag|fieldset|o}}, which can then have a {{tag|legend|o}} added in order to identify their function.}}
{{defn|'''Standardized''' in [[#HTML401|HTML 4.0]]; still current.}}

{{term|term=input |content= {{XMLElement|input|Input|end=no}} }}
{{defn|1= {{tag|input|o}} elements allow a variety of standard form controls to be implemented.}}
{{defn|'''Standardized''' in [[#HTML20|HTML 2.0]]; still current.}}

{{defn|1='''Input Types:'''
{{glossary}}
{{term|term=checkbox |content= {{XMLAttribute|type|Field Type|checkbox|type=ENUM|need=implied}} }}
{{defn|A '''[[checkbox]]'''. Can be checked or unchecked.}}

{{term|term=radio |content= {{XMLAttribute|type|Field Type|radio|type=ENUM|need=implied}} }}
{{defn|A '''[[radio button]]'''. If multiple radio buttons are given the same name, the user will only be able to select one of them from this group.}}

{{term|term=button |content= {{XMLAttribute|type|Field Type|button|type=ENUM|need=implied}} }}
{{defn|A general-purpose button. The element {{tag|button|o}} is preferred if possible (i.e., if the client supports it) as it provides richer possibilities.}}

{{term|term=submit |content= {{XMLAttribute|type|Field Type|submit|type=ENUM|need=implied}} }}
{{defn|A '''submit''' button.}}

{{term|term=image |content= {{XMLAttribute|type|Field Type|image|type=ENUM|need=implied}} }}
{{defn|An '''image button'''. The image URL may be specified with the <code>src</code> attribute.}}

{{term|term=reset |content= {{XMLAttribute|type|Field Type|reset|type=ENUM|need=implied}} }}
{{defn|A '''reset button''' for resetting the form to default values.}}

{{term|term=text |content= {{XMLAttribute|type|Field Type|text|type=ENUM|need=optional}} }}
{{defn|A '''one-line text input field'''. The <code>size</code> attribute specifies the default width of the input in character-widths. <code>max-length</code> sets the maximum number of characters the user can enter (which may be greater than size).}}

{{term|term=search |content= {{XMLAttribute|type|Field Type|search|type=ENUM|need=implied}} }}
{{defn|A variation of <code>text</code> which produces a search bar.}}

{{term|term=password |content= {{XMLAttribute|type|Field Type|password|type=ENUM|need=implied}} }}
{{defn|A variation of <code>text</code>. The difference is that text typed in this field is {{em|masked}} – characters are displayed as an asterisk, a dot, or another replacement. The password is still submitted to the server as [[plaintext]], so an underlying secure [[communication protocol]] like [[HTTPS]] is needed if confidentiality is a concern.}}

{{term|term=file |content= {{XMLAttribute|type|Field Type|file|type=ENUM|need=implied}} }}
{{defn|A [[file select]] field (for uploading files to a server).}}

{{term|term=tel |content= {{XMLAttribute|type|Field Type|tel|type=ENUM|need=implied}} }}
{{defn|A variation of <code>text</code> for [[telephone numbers]].}}

{{term|term=email |content= {{XMLAttribute|type|Field Type|email|type=ENUM|need=implied}} }}
{{defn|A variation of <code>text</code> for [[email addresses]].}}

{{term|term=url |content= {{XMLAttribute|type|Field Type|url|type=ENUM|need=implied}} }}
{{defn|A variation of <code>text</code> for [[URLs]].}}

{{term|term=date |content= {{XMLAttribute|type|Field Type|date|type=ENUM|need=implied}} }}
{{defn|A date selector.}}

{{term|term=time |content= {{XMLAttribute|type|Field Type|time|type=ENUM|need=implied}} }}
{{defn|A time selector.}}

{{term|term=number |content= {{XMLAttribute|type|Field Type|number|type=ENUM|need=implied}} }}
{{defn|A variation of <code>text</code> for numbers.}}

{{term|term=range |content= {{XMLAttribute|type|Field Type|range|type=ENUM|need=implied}} }}
{{defn|Produces a slider for that returns a number, but the number is not visible to the user.}}

{{term|term=color |content= {{XMLAttribute|type|Field Type|color|type=ENUM|need=implied}} }}
{{defn|A color picker.}}

{{term|term=hidden |content= {{XMLAttribute|type|Field Type|hidden|type=ENUM|need=implied}} }}
{{defn|<code>hidden</code> inputs are not visible in the rendered page, but allow a designer to maintain a copy of data that needs to be submitted to the server as part of the form. This may, for example, be data that this web user entered or selected on a previous form that needs to be processed in conjunction with the current form. Not displayed to the user but data can still be altered client-side by editing the HTML source.}}
{{glossary end}}
}}

{{term|term=isindex |content= {{XMLElement|isindex|Index|end=no|deprecated=1}} }}
{{defn|1= {{tag|isindex|s}} could either appear in the document head or in the body, but only once in a document.

{{tag|isindex|s}} operated as a primitive HTML search form; but was {{lang|la|[[de facto]]}} obsoleted by more advanced HTML forms introduced in the early to mid-1990s. Represents a set of hyperlinks composed of a base URI, an [[ampersand]] and [[Percent-encoding|percent-encoded]] keywords separated by [[plus sign]]s.}}
{{defn|<code>ISINDEX</code> existed in ''[[#HTMLTAGS|HTML Tags]]''; '''standardized''' in [[#HTML20|HTML 2.0]]; '''deprecated''' in [[#HTML401|HTML 4.0 Transitional]]; '''invalid''' in [[#HTML401|HTML 4.0 Strict]].}}

{{term|term=keygen |content= {{XMLElement|keygen|Key pair generator|deprecated=1}} }}
{{defn|1= A key pair generator.}}
{{defn|'''Standardized''' in [[#HTML5|HTML5]], but removed in HTML 5.2.}}

{{term|term=label |content= {{XMLElement|label|Label|atr={{XMLAttribute|for|For|id|type=ENUM|need=implied}}}} }}
{{defn|1= Creates a label for a form input, such as <code>radio</code>. Clicking on the label fires a click on the matching input.}}
{{defn|'''Standardized''' in [[#HTML401|HTML 4.0]]; still current.}}

{{term|term=legend |content= {{XMLElement|legend|Legend}} }}
{{defn|1= A legend (caption) for a {{tag|fieldset|o}}.}}
{{defn|'''Standardized''' in [[#HTML401|HTML 4.0]]; still current.}}

{{term|term=meter |content= {{XMLElement|meter|Meter}} }}
{{defn|1= A meter which needs a <code>value</code> attribute. Can also have: <code>min</code>, <code>low</code>, <code>high</code>, and <code>max</code>.}}
{{defn|'''Standardized''' in [[#HTML5|HTML5]].}}

{{term|term=option |content= {{XMLElement|option|Select List Option|atr={{XMLAttribute|value|Value|x|type=ANY|need=required}}}} }}
{{defn|1= Creates an item in a {{tag|select|o}} list.}}
{{defn|'''Standardized''' in [[#HTML20|HTML 2.0]]; still current.}}

{{term|term=optgroup |content= {{XMLElement|optgroup|Options Group}} }}
{{defn|1= Identifies a group of {{tag|option|o}} elements in a {{tag|select|o}} list.}}
{{defn|'''Standardized''' in [[#HTML401|HTML 4.0]]; still current.}}

{{term|term=output |content= {{XMLElement|output|Output}} }}
{{defn|1= The value of a form element.}}
{{defn|'''Standardized''' in [[#HTML5|HTML5]].}}

{{term|term=progress |content= {{XMLElement|progress|Progress Bar}} }}
{{defn|1= A bar for showing the progress of an action.}}
{{defn|'''Standardized''' in [[#HTML5|HTML5]].}}

{{term|term=select |content= {{XMLElement|select|Selection List|atr={{XMLAttribute|name|Name|xyz|type=NMTOKEN|need=implied}}}} }}
{{defn|1= Creates a selection list, from which the user can select a single option. May be rendered as a dropdown list.}}
{{defn|'''Standardized''' in [[#HTML20|HTML 2.0]]; still current.}}

{{term|term=textarea |content= {{XMLElement|textarea|Multiline Textarea|atr={{XMLAttribute|rows|Rows|8|type=INT}}}} }}
{{defn|1= A multiple-line text area, the size of which is specified by <code>cols</code> (where a column is a one-character width of text) and <code>rows</code> [[HTML attributes]]. The content of this element is restricted to plain text, which appears in the text area as default text when the page is loaded.}}
{{defn|'''Standardized''' in [[#HTML20|HTML 2.0]]; still current.}}
{{glossary end}}