所需的 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>&nbsp; <label for="Username">Username: </label>&nbsp; <input type="text" name="username" id="Username" required></div><input type="submit" value="click to test"/></form>另外，for=标签上要求目标元素具有id匹配的文本才能生效。它不与name属性交互。我在演示中添加了一个 id。