Tworzę formularz. Mam input z hasłem i checkboxa który finalnie będzie odpowiedzialny za pokazywanie i ukrywanie hasła. Czy poprawnie zdefiniowałam label? Wprowadziłam nową klasę password, do tej klasy należy input z hasłem i check box. Label jest dla password. Czy zrobiłam to poprawnie? BTW Czy powinnam dodać label dla honey pot-a? Chyba tak aby ułatwić korzystanie z strony osobom niedowidzącym lub niewidzącym. Jak dobrze nazwać honey pota? Tak aby bot się nie kapnął a osoba niepełnosprawna wiedziała że nie ma tego wypełniać.
<form>
<label> Login: <input type="text" placeholder="Wybierz nazwę" class="form-input" required></label>
<label> Email: <input type="email" placeholder="Podaj email" class="form-input" required></label>
<label for="password"> Hasło: </label><input type="password" placeholder="Podaj hasło" class="password" required>
<input type="checkbox" value="show_password" class="password"> pokaż hasło
<label> <input type="hidden" id="test"></label>
<button type="submit">Zarejestruj się</button>
</form>
BTW Czy mimo hidden powinnam nadać w css wartość display none? Czy w tym wypadku mogę skorzystać z id czy powinnam utworzyć osobną pseudo klasę? Czy właśnie powinnam pisać hidden czy to nie jest znak dla bota aby w to nie klikać? Ogólnie co mogłabym zrobić lepiej zarówno dla hasła i checkboa jak i honeypot-a?