HTML | DOM Input URL required 属性

required 属性可用于表示该输入框是必填项。如果该属性被设置为 true，则在用户尝试提交表单而输入框为空时，会有一个提示信息弹出来要求用户输入内容。这种方式可以减少用户提交不完整表单的情况。

语法

<input type="url" name="myUrl" required>

属性

• required：布尔类型，表示该输入框是必填项。

注意事项

• required 属性只能用于某些特定类型的输入框（例如：text、search、url、tel、email、password 和 date pickers）。

• 在使用 required 属性时，如果用户提交表单且该输入框为空，则会出现提示信息。该提示信息可以通过 setCustomValidity() 方法进行修改。该方法可以添加自定义提示信息。

• required 属性可以与其他验证属性结合使用，例如：type、pattern、maxlength 和 minlength 等。

• 如果表单中存在多个必填项，每个必填项都会被要求输入，但只会显示一个提示信息。

示例

一个简单的示例：当 required 属性被设置为 true 时，如果输入框为空，则会出现提示信息。

<form>
  <label for="url_input">请输入您的网址：</label>
  <input type="url" id="url_input" name="myUrl" required>
  <input type="submit" value="提交">
</form>

效果如下所示：

参考资料

• MDN web docs