jump

HTML: The Markup Language (an HTML language reference)

input type=searchsearch field NEW # T

The input element with a type attribute whose value is "search" represents a one-line plain-text edit control for entering one or more search terms.

Permitted contents #

empty (void element)

Permitted attributes #

global attributes
Any attributes permitted globally.
name = string #
The name part of the name/value pair associated with this element for the purposes of form submission.
disabled = "disabled" or "" (empty string) or empty #
Specifies that the element represents a disabled control.
form = ID reference NEW #
The value of the id attribute on the form with which to associate the element.
type = "search" #
Specifies that its input element is a one-line plain-text edit control for entering one or more search terms.
autocomplete = "on" or "off" NEW #
Specifies whether the element represents an input control for which a UA is meant to store the value entered by the user (so that the UA can prefill the form later).
autofocus = "autofocus" or "" (empty string) or empty NEW #
Specifies that the element represents a control to which a UA is meant to give focus as soon as the document is loaded.
list = ID reference NEW #
The value of the id attribute on the datalist with which to associate the element.
maxlength = non-negative integer #
The maximum allowed value length of the element.
pattern = pattern NEW #
Specifies a regular expression against which a UA is meant to check the value of the control represented by its element.
A regular expression that must match the JavaScript Pattern production as specified in [ECMA 262].
readonly = "readonly" or "" (empty string) or empty #
Specifies that element represents a control whose value is not meant to be edited.
required = "required" or "" (empty string) or empty NEW #
Specifies that the element is a required part of form submission.
size = positive integer #
The number of options meant to be shown by the control represented by its element.
placeholder = string without line breaks NEW #
A short hint (one word or a short phrase) intended to aid the user when entering data into the control represented by its element.
Any string that contains no line feed (U+000A, “LF”) or carriage return (U+000D, “CR”) characters.
dirname = non-empty string NEW #
Enables submission of a value for the directionality of the element, and gives the name of the field that contains that value.
Any string that is not empty.
value = string without line breaks #
Specifies a value for this input element.
Any string that contains no line feed (U+000A, “LF”) or carriage return (U+000D, “CR”) characters.

Additional constraints and admonitions #

Tag omission #

The input element is a void element. An input element must have a start tag but must not have an end tag.

Permitted parent elements #

any element that can contain phrasing elements

DOM interface #

interface HTMLInputElement : HTMLElement {
           attribute DOMString accept;
           attribute DOMString alt;
           attribute DOMString autocomplete;
           attribute boolean autofocus;
           attribute boolean defaultChecked;
           attribute boolean checked;
           attribute DOMString dirName;
           attribute boolean disabled;
  readonly attribute HTMLFormElement? form;
  readonly attribute FileList? files;
           attribute DOMString formAction;
           attribute DOMString formEnctype;
           attribute DOMString formMethod;
           attribute boolean formNoValidate;
           attribute DOMString formTarget;
           attribute unsigned long height;
           attribute boolean indeterminate;
  readonly attribute HTMLElement? list;
           attribute DOMString max;
           attribute long maxLength;
           attribute DOMString min;
           attribute boolean multiple;
           attribute DOMString name;
           attribute DOMString pattern;
           attribute DOMString placeholder;
           attribute boolean readOnly;
           attribute boolean required;
           attribute unsigned long size;
           attribute DOMString src;
           attribute DOMString step;
           attribute DOMString type;
           attribute DOMString defaultValue;
           attribute DOMString value;
           attribute Date? valueAsDate;
           attribute unrestricted double valueAsNumber;
           attribute unsigned long width;

  void stepUp(optional long n);
  void stepDown(optional long n);

  readonly attribute boolean willValidate;
  readonly attribute ValidityState validity;
  readonly attribute DOMString validationMessage;
  boolean checkValidity();
  void setCustomValidity(DOMString error);

  readonly attribute NodeList labels;

  void select();
           attribute unsigned long selectionStart;
           attribute unsigned long selectionEnd;
           attribute DOMString selectionDirection;

  void setSelectionRange(unsigned long start, unsigned long end, optional DOMString direction);
};