Етикети и полета.

Глава Форми. Формата е мост между човека и твоя код — а добрата форма започва с етикет, който е свързан с полето.

Теория. <label for="email"> се свързва с <input id="email">, когато стойността на for е точно равна на id. Тогава клик върху текста фокусира полето, екранните четци четат етикета, а на телефон целта за докосване е по-голяма. Ако for и id не съвпадат, етикетът е просто текст до полето.

В JS има два начина да поправиш връзката: label.setAttribute("for", "email") (или label.htmlFor = "email") и input.id = "email". Двете страни са равноправни — важното е да са еднакви.

Малки примери:

const label = document.querySelector("#l-name"); label.htmlFor = "name"; const field = document.querySelector("#town"); field.id = "city";

Честа грешка: да смениш и двете страни към различни стойности; да забравиш, че id е уникален в страницата; да ползваш name вместо id (name е за FormData, не за for).