Próbowałem tego w moim kodzie, ale wymagana funkcja nie działa na mojej stronie internetowej:

<div>
  <label for="Username">Username: </label>
  <input type="text" name="username" required>
</div>
-3
MYRAH 25 marzec 2020, 19:44

2 odpowiedzi

Najlepsza odpowiedź

Jeśli pole wejściowe znajduje się w tagu <form> zgodnie z przeznaczeniem, to required będzie działać poprawnie we wszystkich nowoczesnych przeglądarkach. Próbny:

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

Również for= na etykiecie wymaga, aby element docelowy miał id z pasującym tekstem, zanim będzie skuteczny. Nie wchodzi w interakcje z atrybutem name. Dodałem identyfikator w wersji demonstracyjnej.

1
ADyson 25 marzec 2020, 16:48

Aby atrybut „required” działał, element <input> musi być umieszczony w tagach <form> ... </form>.

2
Dave 25 marzec 2020, 16:46