所需的 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。