Get the App
SLTechnology News&Howtos  ›  Development  › 

Detailed introduction of HTML5 Intelligent form

Shulou Source: shulou.com Published: 2022-06-03 15:00:37 11月14日 Update

This article mainly introduces "detailed introduction of HTML5 intelligent form". In daily operation, I believe many people have doubts about the detailed introduction of HTML5 intelligent form. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts of "detailed introduction of HTML5 intelligent form". Next, please follow the editor to study!

New input type for HTML5 intelligent form

Type= "email" restricts users to enter email type

Type= "url" restricts users to enter url type

Type= "range" generates a slider form

Type= "search" produces a form of search meaning

Type= "color" generates a form of color selection

Type= "time" restricts the user to enter a time type

Type= "month" restricts users to enter month type

Type= "week" restricts users to enter week type

Type= "datetime-local" selects the local time

Input type setting email: a text box dedicated to entering an email address. If the text box is not in email address format, submission is not allowed. However, it does not check whether the email address exists. It can be empty at the time of submission unless the required attribute is added.

Has the multiple attribute, which allows you to enter a comma-separated string of email addresses in the text box.

The url type is used specifically to enter a text box for an URL address. If the content in the text box is not in URL address format, submission is not allowed. Mail address.

Example:

Tags: Input attribute form type time element text address intelligence content number user limit data format learning validation label style color Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Microsoft NVidia macOS Huawei Redmi