HTML - 必填属性

HTML required 属性是一个布尔属性，用于指定在提交表单之前用户必须填写特定字段。

此属性适用于文本、搜索、电子邮件、数字、复选框、单选按钮、日期和文件输入类型。

语法

<tag required></tag>

应用于

下列元素允许使用 HTML required 属性。

元素	描述
<input>	HTML <input> 标签用于指定输入字段。
<select>	HTML <select> 标签用于在线表单中创建下拉列表。
<textarea>	HTML <textarea> 标签用于表示多行纯文本编辑控件。

HTML required 属性示例

下面的示例将说明 HTML required 属性，以及我们应该在哪里以及如何使用此属性！

将表单输入字段设为必填

除非输入名称字段，否则表单将不会提交。

<!DOCTYPE html>
<html>

<head>
    <title>HTML 'required' attribute in 'input' tag</title>
</head>

<body>
    <h3>HTML 'required' attribute in 'input' tag</h3>
    <form> Name:
        <input type="text" 
            placeholder="Your name" 
            id='demo' 
            required>
        <button>Submit</button>
    </form>
</body>

</html>

将选择字段设为必填

除非从列表中选择语言，否则表单将不会提交。

<!DOCTYPE html>
<html>

<head>
    <title>HTML 'required' attribute in 'select' tag</title>
</head>

<body>
    <h3>HTML 'required' attribute in 'select' tag</h3>
    <form>
        <p>Select Language:</p>
        <select required>
            <option value="">--Choose your option--</option>
            <option value="">Hindi</option>
            <option value="">English</option>
            <option value="">Telgu</option>
        </select>
        <button>Submit</button>
    </form>
</body>

</html>

将文本区域字段设为必填

除非输入地址，否则表单将不会提交。

<!DOCTYPE html>
<html>

<head>
      <title>HTML 'required' attribute in 'textarea' tag</title>
</head>

<body>
    <h3>HTML 'required' attribute in 'textarea' tag</h3>
    <form>
        <p>Write your address:</p>
        <textarea cols="40" 
            rows="8" 
            placeholder="Address here..." 
            required>
        </textarea>
        <br>
        <button>Submit</button>
    </form>
</body>

</html>

支持的浏览器

属性
required	是 5.0	是 10.0	是 4.0	是 10.1	是 9.6

html_attributes_reference.htm

打印页面