Html – это обычный структурированный контент, а за визуальное форматирование этого контента целиком отвечает css

Доступные формы

Людям с ограниченными физическими возможностями не так то легко пользоваться HTML формами. Одно дело перемещаться по страницам с написанным контентом, и совсем другое прыгать по полям HTML формы и вводить туда информацию. Исходя из этого, будет вовсе не лишним добавить в форму немного дополнительных элементов, которые облегчат их использование, как и в случае с доступними ссылками.

Метки

У каждого поля формы должна быть своя метка. Тег  решает эту задачу, а атрибут for определяет элемент формы, к которому относится данная метка.

Ваше имя

...

В обычных браузерах у меток есть свои преимущества: при выборе пользователем метки, автоматически активизируется соответствующий элемент формы.

Обратите внимание, что необходимо использовать и атрибут name, и атрибут id – атрибут name нужен для обработки данных HTML формы, а атрибут id ассоциирует метку с данным элементом формы.

Группы родственных элементов

Родственные поля формы, например, имя (фамилия, имя, отчество, звание и т.д.) или адрес (строка 1, строка 2, индекс, область, район, город и т.д.), можно группировать при помощи тега

.
Внутри групп полей формы также можно использовать групповые метки, которые определяются при помощи тега

.
Современные браузеры, как правило, помечают группы полей формы при помощи окружающей группу рамки, а групповые метки отображаются в верхнем левом разрыве этой рамки.

Имя

Имя

Фамилия

Адрес

Адрес

Индекс

...