HTML“input”必需属性


使用 <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>

输出

假设我们在不填写 ID、密码和电话这 3 个字段的情况下点击“提交”按钮,那么表单将不会提交。我们在这里未填写“电话”字段,因此将出现一个错误,该错误将不允许我们提交表单 −

更新日期:18-11-2023

2K+ 浏览量

开启你的 职业生涯

通过完成课程获得认证

立即开始
广告
© . All rights reserved.