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

This article will explain in detail the sample analysis of form validation features in html5. The editor thinks it is very practical, so I share it with you for reference. I hope you can get something after reading this article.

There are two common ways to submit information from the foreground to the background:

Form form submission and Ajax no refresh page submission

Placeholder is not supported by all input, such as input date.

Solution:

You can overwrite a div on the date and fill in the contents of the placeholder

New types of html5 forms:

Email

Url

Range

Number

Date (date, month, week, time, datetime, datetime-local)

Search

Color

Tel

Automatically fill in the yellow background of the form after removing the chrome to remember the password:

Autocomplete= "off" can be added to input or form

Drop-down hint:

List and datalist

Html5 forms use regular: pattern

No validation when submitting the form: novalidate (added to form) formnovalidate (added to input:submit)

Text box autofocus: autofocus

If there is a file prompt for file in input, form must add:

Enctype= "multipart/form-data"

Form list1 list2 list3

Label for is more obvious in radio or checkbox (corresponding to input's id)

The effect is that when label is selected, the corresponding radio or checkbox will be selected:

Form male and female

This is the end of this article on "sample analysis of form validation features in html5". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, please share it out for more people to see.

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.