HTML5 <input>必需属性,但不在<form>内

Jon*_*Jon 4 forms validation html5 required

Required属性在表单标签内工作得很好:

<form>
<input type="text" name="user" required>
</form>
Run Code Online (Sandbox Code Playgroud)

但是,如果我不能将其作为表单包装,我可以使用必需的属性吗?在表单之外,所需的输入对我不起作用:

<input type="text" name="user" required>
Run Code Online (Sandbox Code Playgroud)

我可以用JavaScript复制它,但我想知道外部表格是否可行

小智 6

"required"属性仅适用于表单提交,由于您的输入没有任何形式,因此浏览器不知道提交时要验证的内容.

w3c所说的"必需":当存在时,它指定在提交表单之前必须填写输入字段.

只有JS才能实现这一点:

document.getElementById('your_input_id').validity.valid
Run Code Online (Sandbox Code Playgroud)

4年前已经讨论过了:

没有表单需要html5输入类型.它有用吗?

  • 是的,重复。我在搜索中没有找到它。谢谢 (2认同)