Home >Web Front-end >Front-end Q&A >What are the attributes of the HTML input tag?

What are the attributes of the HTML input tag?

青灯夜游
青灯夜游Original
2021-05-08 16:43:188729browse

Input attributes include: accept, align, alt, autocomplete, autofocus, checked, disabled, form, width, value, type, src, size, readonly, maxlength, etc.

What are the attributes of the HTML input tag?

The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.

HTML tag

tag is used to collect user information.

According to different type attribute values, the input field has many forms. Input fields can be text fields, checkboxes, masked text controls, radio buttons, buttons, etc.

Label attributes

##AttributeValueDescriptionacceptSpecifies the type of file submitted via file upload. alignalttextDefine the alternative text for the image input. autocompleteSpecifies whether to use the input field autocomplete feature. autofocusautofocuscheckedcheckedSpecifies that this input element is the first time Should be selected when loading. disableddisabledDisables this element when the input element loads. form Specifies one or more forms to which the input field belongs. formactionformenctypeSee noteformmethodformnovalidateformnovalidateformtargetheightDefine the height of the input field. (Applies to type="image") list refers to a predefined containing input field datalist of options. maxmaxlengthnumberSpecifies the maximum length of characters in the input field. minmultiplemultipleIf this attribute is used, more than one value is allowed. namefield_nameDefine the name of the input element. pattern
mime_type
    left
  • right
  • top
  • middle
  • bottom
Deprecated. Specifies the alignment of image input.
    on
  • off
Specifies whether the input field gets focus when the page loads.

(Not applicable to type="hidden")

formname
URL Override the action attribute of the form.

(Applies to type="submit" and type="image")

Override the enctype attribute of the form.

(Applies to type="submit" and type="image")

    get
  • post
Override the method attribute of the form.

(Applies to type="submit" and type="image")

Override the novalidate attribute of the form.

If this attribute is used, validation will not be performed when submitting the form.

    _blank
  • _self
  • _parent
  • _top
  • framename
Override the form's target attribute.

(Applies to type="submit" and type="image")

  • pixels
  • %
datalist-id
  • number
  • date
Specifies the maximum value of the input field.

Please use it with the "min" attribute to create a range of legal values.

  • number
  • date
Specifies the minimum value of the input field.

Please use it with the "max" attribute to create a range of legal values.

regexp_pattern Specifies the pattern or format of the value of the input field.

For example, pattern="[0-9]" means that the input value must be a number between 0 and 9.

placeholder text Specifies prompts to help the user fill in the input field.
readonly readonly Specifies that the input field is read-only.
required required Indicates that the value of the input field is required.
size number_of_char Defines the width of the input field.
src URL Defines the URL of the image displayed as a submit button.
step number Specifies the legal digit interval of input characters.
type
  • button
  • checkbox
  • file
  • hidden
  • image
  • password
  • radio
  • reset
  • submit
  • text
Specify the type of input element.
value value Specifies the value of the input element.
width
  • pixels
  • %
Define the width of the input field. (Applicable to type="image")

Recommended tutorial: "html video tutorial"

The above is the detailed content of What are the attributes of the HTML input tag?. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn