Shulou(Shulou.com)06/01 Report--

Most people do not understand the knowledge points of this article "the use of form controls and form properties in html5", so the editor summarizes the following contents, detailed contents, clear steps, and has a certain reference value. I hope you can get something after reading this article. Let's take a look at this "html5 form controls and form properties in the use of" article.

The first point of knowledge:

What are our common form validation?

Text: text box label

Password: password box

Checkbox: multiple check boxes

Radio: check box

Button: button

Submit: submit button

These are some of our commonly used form properties

The second knowledge point: H5 new input control

(1) email: the e-mail text box is no different from the ordinary one

1. When the input is not a mailbox, the verification fails

two。 There will be changes in the mobile keyboard.

(2) tel: telephone number

1. Mainly on the mobile side, a keyboard switch

(3) url: the URL of a web page

Enter the correct URL

(4) sear: search engine

After entering text under 1.chrome, there will be one more closed x

(5) range: numerical selector within a specific range

1.min, max, step (steps)

two。 Example: use js to display the current value

(6) number: input box that can only contain numbers

(7) color: color selector

(8) detetime displays the full date

(IX) autocomplete: whether to save the user input value

Default is on, close the prompt and select off

(10): specify the form to get the input focus

(11): this item is required and cannot be blank.

If you write only the first input box, the second input box will pop up "Please fill in this field"

(XII) parrern: regular verification pattrn= "d {1pr 5}"

The regular number I set is 1-5. If not, the submission will fail.

The above is about the content of this article on "how to use form controls and form properties in html5". I believe we all have a certain understanding. I hope the content shared by the editor will be helpful to you. If you want to know more related knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.