HTML5 Input type, html5input type

HTML5 Input type, html5input type

New input types provided by html5. these types can help us better control and verify input.

The following describes the new types:

Emial is used to verify the correct email format. It can be blank and automatically verified when the form is submitted.

The Url is used to verify the input domain containing the URL address input.

Number contains the input field of a value. The following attributes are used to limit the input value type.

Max number specifies the maximum value allowed

Min number: Minimum value allowed

A valid digit interval specified by step number indicates a multiple of the specified values. For example, if step is set to 2, the values 0, 2, and-2 are valid.

Default value specified by value number

Range indicates the input field of a certain range. The type of the field is the same as that of the number field.

<Input type = "range" min = "1" max = "10"/>

Date pickers data generator (official language), whether to search for controls for text input time, whether to use time verification controls for various JS plug-ins, if you remember the following controls, I want to solve it all.

Date: Select day, month, and year
Month-select month and year
Week-select week and year
Time-Select time (hours and minutes)

Datetime-select the time, day, month, and year (UTC time)
Datetime-local-Select time, day, month, and year (local time)

<Input type = "date" name = "user_date"/>

You only need to change the type of the text box, and you will do it all the time! Put time in your own hands

Well, there are so many text box types introduced today. If you have any good ideas and methods to comment on, let's take appropriate consideration, learn together, and make progress together! Tomato _ fried tomato