MENU
Form and Input Controls
<form> can contain all the subsequent elements in this section (Form Elements)
......name=textThis specifies the name of the form.
......action=URLThis specifies the URI of the processing script
......method={ get | post }
'get' appends input data to the URL so that everything can be bookmarked and cached.
'post' sends input data as an HTTP transaction, is secure, and has no size limitation.
......accept-charset=charset. This specifies a space-or-comma-separated list of character encodings that the server accepts.
......autocomplete={ on | off } This specifies whether to complete the form automatically based on previous results as the user types.
......enctype= { application/x-www-form-urlencoded | multipart/form-data | text/plain }
This MIME type is only applicable when the method is 'post'.
The first value converts spaces to '+' and special characters to ASCII HEX.
The second value encodes no characters.
The third converts spaces to '+'.
......novalidateIf present, this boolean attribute indicates that the form is not to be validated.
......target= { _blank | _self | _parent | _top | framename } as in <a>.
(More information about <form> and <input> can be found here).
<fieldset> draws a box around the related elements, used within <form>.
....... name=text
...... form=form_ids
...... disabled
<legend> defines the caption for the form, used within <fieldset>.
<button> creates a clickable button. Text and images can be inserted within. (Be careful when using this tag in a form as <button> 'submit's the form by default. Ensure the correct 'type' is used.)
......name=text
......form=form_ids
......type={ button | reset | submit }
......value=text
......autofocus
......disabled
......{ formaction
......formenctype
......formmethod
......formnovalidate
......formtarget }🡪 as in <form>, for type=”submit”.
<select> makes a drop-down list with <option>.
......name=text
......form=form_ids
......autofocus
......disabled
......required
......multiple: multiple options can be selected
......size=number: the number of visible options.
<option> defines the options within <select> and <datalist>.
......label=text: to be shown
......value=text
......disabled
......selected
<optgroup> groups the <option> tags within <select>.
......label=text: to be shown
......disabled
<textarea> creates a multiline textbox.
......name=text
......form=form_ids
......autofocus
......disabled
......readonly
......required
......cols=number
......rows=number
......minlength=number: for validation
......maxlength=number: for validation
......placeholder=text: initial hinting text
......wrap={off: lines do not break |
soft: default |
hard: contains newlines when submitted, 'cols' must be specified }
To set or read the input programmatically with JavaScript, use ‘e.value’, where ‘e’ refers to a <select> or <textarea> element.
(tip: Use
