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

Question

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

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

Answer 1

要使 "required" 属性起作用，<input> 必须包含在 <form> ... </form> 标签中。

Answer 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。

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

required HTML doesn't work on my web page

html

html5-validation