Являются ли элементы формы вне тега FORM семантической html5?

Если у меня есть тег SELECT, который будет фильтровать таблицу на основе выбора пользователя, должен ли тег SELECT быть в теге FORM (чтобы быть допустимым HTML5), если результирующая функциональность не будет работать, если JS отключен (т.е. мы покажем всю таблицу или ссылку "больше" вместо того, чтобы делать серверный фильтр при выборе опции action/submit (мы можем написать выбор в JS, чтобы он исчез из разметки, если JS отключен.

Или все элементы формы должны быть в теге формы независимо от использования (и, следовательно, значения атрибута null "action" ).

Я знаю, что HTML5 позволяет почти что угодно, я просто не мог найти окончательного ответа на W3, поэтому подумал, что я получу ваши мысли. Надеюсь, это имеет смысл. Приветствия.

Ответ 1

Все элементы управления формой можно использовать везде, где ожидается фразинг-контент, что означает, что они могут появляться практически в любом месте документа. Если вам не нужно, чтобы они были отправлены обратно на сервер, тогда нет необходимости, чтобы они были связаны с формой, однако я заметил, что в некоторых браузерах вы не можете воспользоваться функции проверки формы, если элементы не могут быть представлены.

Одна из новых особенностей HTML5 заключается в том, что для управления формой больше не нужно быть прямым дочерним элементом элемента form для отправки с этой формой, атрибутом form позволяет указать id формы, с которой должен быть отправлен элемент.

Ответ 2

Похоже, что в элементах HTML5 элементы могут быть вне тега <form> и по-прежнему действительны;

<!DOCTYPE html>
<html>
<head>
<title>Just making this valid</title>
</head>
<body>

<select>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
</select>

</body>

</html>

Приведенный выше код успешно проверяется (минус очевидные ошибки кодирования символов). Я не читал весь спецификатор HTML5, однако валидатор обычно корректен по этим вопросам.