How to set required fields in html

醉折花枝作酒筹
Release: 2021-06-02 15:23:12
Original
17143 people have browsed it

In HTML, you can use the required attribute to set required items. You need to add the "required="required"" style to the input element tag. The required attribute specifies that the input field must be filled in before submission. If this attribute is used, the field is required (or required).

How to set required fields in html

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

Required items introduced in HTML5

required attribute

required attribute stipulates that the input field must be filled in before submission.

If this attribute is used, the field is required (or required).

Syntax:

<input required="required">
Copy after login

Features:

Applicable to the following types of tags: text, search, url, telephone, email, password, date pickers, number , checkbox, radio and file.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>required属性</title>
  </head>
  <body>
    
    <form action="demo-form.php">
      Username: <input type="text" name="usrname" required />
      <input type="submit" />
    </form>

    <p>
      <strong>注意:</strong> Internet Explorer 9及更早 IE 版本,或 Safari
      不支持 input 标签的 required 属性。
    </p>
  </body>
</html>
Copy after login

Effect:

How to set required fields in html

Extension:

form form submission - ignore form validation (novalidate of form form Attributes)

novalidate attribute specifies that the form should not be validated when it is submitted.

If this attribute is used, the form will not validate the form input.

Note: The novalidate attribute applies to:

, and the following types of tags: text, search, url, telephone, email, password, date pickers, range and color.

Grammar:

<form novalidate="novalidate">
Copy after login

Recommended learning: html video tutorial

The above is the detailed content of How to set required fields in html. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template