Home Web Front-end HTML Tutorial The function of input statement

The function of input statement

Jul 26, 2019 pm 05:09 PM
input

The function of input statement

Recommended tutorial: Html tutorial

#HTML

A simple HTML form containing two text input boxes and a submit button: d85c9efc9bceb02a81cf8add26f62cd6

Definition and usage

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.

Properties

##Propertiesacceptmime_typealignDeprecated. altautocompleteautofocus Specifies whether the input field gets focus when the page loads. checkeddisabledformformnameformactionURLOverride the action attribute of the form. formenctypeOverride the enctype attribute of the form. formmethodOverride the method attribute of the form. formnovalidateOverride the novalidate attribute of the form. formtargetOverride the form's target attribute. heightlistdatalist-idmaxSpecifies the maximum value of the input field. maxlengthminSpecifies the minimum value of the input field. multiplenamepatternregexp_patternSpecifies the pattern or format of the value of the input field.
Value Description
Specifies the type of file submitted via file upload.
left
  • right
  • top
  • middle
  • bottom
Specifies the alignment of image input.
text Define the alternative text for the image input.
on
  • off
Specifies whether to use the input field autocomplete feature.
autofocus

(Not applicable to type="hidden")

checked Specifies that this input element is the first time Should be selected when loading.
disabled Disables this element when the input element loads.
Specifies one or more forms to which the input field belongs.

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

See note

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

get
  • post

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

formnovalidate

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

_blank
  • _self
  • _parent
  • _top
  • framename

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

    pixels
  • %
Define the height of the input field. (Applies to type="image")
refers to a predefined containing input field datalist of options.
    number
  • date

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

number Specifies the maximum length of characters in the input field.
    number
  • date

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

multiple If this attribute is used, more than one value is allowed.
field_name Define the name of the input element.

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 Define 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. (Applies to type="image")

The above is the detailed content of The function of input statement. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to encapsulate input components and unified form data in vue3 How to encapsulate input components and unified form data in vue3 May 12, 2023 pm 03:58 PM

Preparation Use vuecreateexample to create a project. The parameters are roughly as follows: use native input. Native input is mainly value and change. The data needs to be synchronized when changing. App.tsx is as follows: import{ref}from'vue';exportdefault{setup(){//username is the data constusername=ref('Zhang San');//When the input box changes, synchronize the data constonInput=;return( )=>({

How to implement laravel input hidden field How to implement laravel input hidden field Dec 12, 2022 am 10:07 AM

How to implement the laravel input hidden field: 1. Find and open the Blade template file; 2. Use the method_field method in the Blade template to create a hidden field. The creation syntax is "{{ method_field('DELETE') }}".

What to do if there is no cursor when clicking on the input box What to do if there is no cursor when clicking on the input box Nov 24, 2023 am 09:44 AM

Solutions for clicking the input box without a cursor: 1. Confirm the focus of the input box; 2. Clear the browser cache; 3. Update the browser; 4. Use JavaScript; 5. Check the hardware device; 6. Check the input box properties; 7. Debug JavaScript code; 8. Check other elements of the page; 9. Consider browser compatibility.

Detailed explanation of input box binding events in Vue documents Detailed explanation of input box binding events in Vue documents Jun 21, 2023 am 08:12 AM

Vue.js is a lightweight JavaScript framework that is easy to use, efficient and flexible. It is one of the most popular front-end frameworks currently. In Vue.js, input box binding events are a very common requirement. This article will introduce the input box binding events in the Vue document in detail. 1. Basic concepts In Vue.js, the input box binding event refers to binding the value of the input box to the data object of the Vue instance, thereby achieving two-way binding of input and response. In Vue.j

How to use the input box carriage return event and verification function in the Vue document How to use the input box carriage return event and verification function in the Vue document Jun 20, 2023 am 09:13 AM

Vue is a popular JavaScript front-end framework with a responsive data binding and component system at its core. In Vue applications, the input box is one of the most commonly used UI elements. When the user enters text, we hope to listen for the carriage return event and validate the input before submitting. This article will introduce the input box enter event and verification function usage in the Vue document. 1. The carriage return event of the input box in Vue. Monitoring the carriage return event of the input box in Vue is very simple.

Get input from the user using Python's input() function Get input from the user using Python's input() function Aug 22, 2023 am 11:21 AM

Title: Using Python's input() function to get input from the user When writing a program, you often need to get input from the user. Python provides a built-in function input() that can be used to obtain and receive user input. This article will introduce how to use the input() function and some common application scenarios. The input() function is very simple to use. It accepts an optional prompt message as a parameter and waits for user input. After the user inputs, the input() function will return a

What is the input method in laravel What is the input method in laravel Jul 11, 2023 am 09:43 AM

The input method in laravel is a very practical tool that can easily obtain the parameters in the HTTP request. Whether it is GET, POST or other HTTP request methods, it can be easily processed. In laravel development, input validation and parameter processing are very common tasks, and the input method can greatly simplify these processes and improve development efficiency.

How can we add a single line input field in HTML? How can we add a single line input field in HTML? Aug 20, 2023 pm 05:45 PM

Use the <isindex> tag to add a single-line input field. The HTML<isindex> tag is used to query documents via text fields. This tag can be used anywhere, but is best placed in the head tag. NOTE: This is a deprecated tag and should not be used. Following is the list of properties − Property Value Description Prompt String Text field Label ActionURL Use example when you need to send query to different URL Try the following code − <!Doctypehtml><html

See all articles