Związek etykiety HTML z wejściami; Zły UX?

1. Czy można umieścić wejście wewnątrz etykiety?
2. Jak kojarzysz etykietę z wejściem?
3. Dlaczego etykieta powinna być zawsze powiązana z wejściem?
4. Jak wyrównać wejścia i etykiety w HTML?

Czy można umieścić wejście wewnątrz etykiety?

Gniazdowanie wejścia wewnątrz etykiety jest alternatywnym sposobem na ich skojarzenie (zamiast używać „id” na wejściu i „dla” w etykiecie). Tak czy inaczej działa dobrze.

Jak kojarzysz etykietę z wejściem?

Wyraźnie powiązać <etykieta> element z <Wejście> element, najpierw musisz dodać atrybut id <Wejście> element. Następnie dodajesz atrybut do <etykieta> element, w którym wartość for jest taka sama jak id w <Wejście> element.

Dlaczego etykieta powinna być zawsze powiązana z wejściem?

Pola wejściowe bez towarzyszących etykiet może prowadzić do problemów z dostępnością dla tych, którzy polegają na czytnikach ekranu. Jeśli czytnik ekranu pojawi się na polu wejściowym bez etykiety, będzie próbował znaleźć jakiś towarzyszący tekst do użycia jako etykieta.

Jak wyrównać wejścia i etykiety w HTML?

Określamy naszą margines naszego <div> element. Następnie ustawiamy wyświetlanie <etykieta> element do „inline-block” i nadaj stałą szerokość. Następnie ustaw właściwość tekstu tekstowego na „prawo”, a etykiety będą wyrównane z wejściami po prawej stronie.