HTML 输入框的 required 属性

htmlweb developmentfront end technology更新于 2025/7/11 15:08:17

<input> 元素的 required 属性用于设置提交表单前必须填写的字段。如果未填写设置为 required 属性的字段，则点击"提交"按钮时，表单将无法提交。

以下是语法 −

<input required>

现在让我们看一个实现 <input> 元素的 required 属性的示例。这里，我们将 3 个字段设置为必填项 −

示例

<!DOCTYPE html>
<html>
<body>
<h2>Register</h2>
<form action="" method="get">
   Id − <input type="text" name="id" placeholder="Enter UserId here..." required><br>
   Password − <input type="password" name="pwd" placeholder="Enter password here..." required><br>
   DOB − <input type="date" name="dob" placeholder="Enter date of birth here..."><br>
   Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..." required><br>
   Email − <input type="email" name="email" placeholder="Enter email here..."><br><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>