Вы должны всегда использовать семантические элементы HTML.И да, вы должны использовать элемент form
.
Семантика и доступность
Пауки, агенты пользователей, программы для чтения с экрана, плагины и т. Д. Читайте ваш веб-сайт и пытайтесь понять его.Браузеры могут помочь своим пользователям, предварительно заполнив сохраненные контактные данные.Пауки могут вести себя по-разному, если семантика не ясна.Должен ли паук щелкнуть по элементу button
?Большинство ботов поисковых систем не нажимают на них, если они являются кнопками отправки type="submit"
, но в противном случае они могут работать, так как некоторые сайты (семантически неверные) используют кнопки вместо ссылок.Программы для чтения с экрана могут объявлять блоки форм своим слепым или слабовидящим пользователям.Менеджер паролей может заполнять только формы входа в систему (и не каждое поле ввода на вашем сайте с name="name"
).Все это значительно упрощается семантическими form
s.Без них эти функции могут работать некорректно или не работать полностью.
API JavaScript и проверка данных
Семантический HTML и JavaScript могут использоваться вместе.Когда вы используете form
s, вы можете правильно ссылаться на него из JavaScript, используя document.forms
.Вы можете получить его элементов , вы можете прослушать его отправить событие , вы можете сбросить его или сделать другие действия с ним.
Проверка данных позволяет браузеру выполнить проверку значений для вас.JavaScript предоставляет reportValidity
для проверки правильности формы или использования события invalid
.Проверять всю форму таким способом намного проще, чем делать это только с помощью JavaScript (особенно, когда вы не используете форму).
Отключен JavaScript
У некоторых людей отключен JavaScript.В таком случае всегда хорошо, чтобы ваш сайт работал.