HTML5 Input Type-Date pickers (data inspector)

Source: Internet
Author: User
Tags local time

HTML5 provides a new input type that can better help us enter control and validation

Here's a look at some of the new types:

Emial is used to verify the correct format of the mailbox, can be empty, and is automatically validated when the form is submitted

URL for input domain validation that contains URL address input

Number contains the input field of the numeric value, and the following is a numeric type attribute used to qualify the input numeric type

    Max number Specifies the maximum allowable value

< Span style= "FONT-FAMILY:SIMSUN; font-size:11pt; Color: #000000; Font-style:normal; Font-variant:normal; "     > Specifies the minimum allowable value

< Span style= "FONT-FAMILY:SIMSUN; font-size:11pt; Color: #000000; Font-style:normal; Font-variant:normal; " >< Span style= "Font-family:verdana; font-size:11pt; Color: #000000; Font-style:normal; Font-variant:normal; " > step number Specifies a valid number interval, which indicates a multiple of the specified value, such as step=2, then the input 0,2,-2 is valid

< Span style= "FONT-FAMILY:SIMSUN; font-size:11pt; Color: #000000; Font-style:normal; Font-variant:normal; " >< Span style= "Font-family:verdana; font-size:11pt; Color: #000000; Font-style:normal; Font-variant:normal; "     >value Number

Range this is the validation of a range of input fields, with the qualification type and number being the same.

<input type= "Range" min= "1" max= "ten"/>

Date Pickers Data Inspector (official language), whether you are still looking for the text input time around the control, whether it is still using the individual JS plug-in time validation control, if you remember the following control, I would like to solve

       Date- select day , month, year
Mont H- week - Time- select time (hours and minutes)

D Atetime-UTC Datetime-local- Select time, day, month, year (local time)

< Span style= "FONT-FAMILY:SIMSUN; font-size:11pt; Color: #000000; Font-style:normal; Font-variant:normal; " >< Span style= "Font-family:verdana; font-size:11pt; Color: #000000; Font-style:normal; Font-variant:normal; "       > span>

< Span style= "FONT-FAMILY:SIMSUN; font-size:11pt; Color: #000000; Font-style:normal; Font-variant:normal; " >< Span style= "Font-family:verdana; font-size:11pt; Color: #000000; Font-style:normal; Font-variant:normal; "       >

Well, the text box introduced today is so many, we have what good ideas and methods can be commented, let us consider, joint learning, common progress! Tomato _ Fried Tomato

HTML5 Input Type-Date pickers (data inspector)

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.