Home  >  Article  >  Web Front-end  >  How to set required fields in html

How to set required fields in html

醉折花枝作酒筹
醉折花枝作酒筹Original
2021-06-02 15:20:1217036browse

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">

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>

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">

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!

Statement:
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
Previous article:How to add video in htmlNext article:How to add video in html