所需的 HTML 在我的网页上不起作用

【问题标题】：required HTML doesn't work on my web page所需的 HTML 在我的网页上不起作用
【发布时间】：2020-07-06 06:22:14
【问题描述】：

我在我的代码中尝试了这个，但所需的功能似乎在我的网页中不起作用：

<div>
  <label for="Username">Username: </label>
  <input type="text" name="username" required>
</div>

【问题讨论】：

是否在表单标签内？
for 的值不应该是另一个元素的id，而不是名称吗？
“不起作用”不是对问题的有用描述。你期望它做什么？它实际上是做什么的？
为什么标记为javascript 和css：我在问题中看不到任何迹象。
请详细说明您要完成的工作，这将有助于我们更好地了解您目前面临的问题。

标签： html html5-validation

【解决方案1】：

要使“必需”属性起作用，<input> 必须包含在 <form> ... </form> 标记中。

【讨论】：

【解决方案2】：

如果输入框按预期位于<form> 标记内，则required 将在所有现代浏览器中正常工作。演示：

<form>
<div>
  <label for="Username">Username: </label>
  <input type="text" name="username" id="Username" required>
</div>
<input type="submit" value="click to test"/>
</form>

另外，标签上的for= 要求目标元素具有匹配文本的id 才能生效。它不与name 属性交互。我在演示中添加了一个 id。

【讨论】：