требуется 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. Я добавил идентификатор в демо.