Правильно ли использовать DIV внутри FORM?

Мне просто интересно, что вы думаете о DIV-теге внутри FORM-тега?

Мне нужно что-то вроде этого:

<form>
  <input type="text"/>
  <div> some </div>
  <div> another </div>
  <input type="text" />
</form>

Общей практикой является использование DIV внутри FORM или мне нужно что-то другое?

Ответ 1

Это совершенно нормально.

form будет отправлять только элементы управления своим типом (* также Textarea, Select и т.д.).

Вам не о чем беспокоиться о div в form.

Ответ 2

Полностью допустимо использовать DIV внутри тега <form>.

Если вы посмотрите на таблицу стилей CSS 2.1, div и p находятся в категории display: block. Затем, глядя на спецификацию HTML 4.01 для элемента формы, они включают не только теги <p>, но теги <table>, поэтому, конечно, <div> будет соответствовать тем же критериям. Существует также тег <legend> внутри формы в документации.

Например, следующее проходит проверку HTML4 в строгом режиме:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Test</title>
</head>
<body>
<form id="test" action="test.php">
<div>
  Test: <input name="blah" value="test" type="text">
</div>
</form>
</body>
</html>

Ответ 3

Вы можете использовать <div> внутри формы - там нет проблем.... НО, если вы собираетесь использовать <div> в качестве метки для input dont... label - намного лучший вариант:

<label for="myInput">My Label</label> 
<input type="textbox" name="MyInput" value="" />

Ответ 4

Определение и использование

Тег определяет разделение или раздел в документе HTML.

Тег используется для группировки блоков-элементов для их форматирования стили. http://www.w3schools.com/tags/tag_div.asp

Также DIV - MDN

Элемент HTML (или элемент документа HTML-документа) является общий контейнер для потока, который не является неотъемлемым представляют что-либо. Его можно использовать для группировки элементов для стилизации целей (с использованием атрибутов класса или идентификатора) или потому, что они разделяют значения атрибута, такие как lang. Он должен использоваться только тогда, когда нет других семантический элемент (например, или) является подходящим.

Вы можете использовать div внутри формы, если вы говорите об использовании div вместо таблицы, а затем google о веб-дизайне без рекламы

Ответ 5

Неправильно иметь <input> как прямой дочерний элемент <form>

И кстати < input / > может выйти из строя на некоторых doctype

Проверьте это с помощью http://validator.w3.org/check

тип документа не позволяет использовать элемент "INPUT" здесь; пропущен один из стартовых тегов "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS"

< input type = "text" / >

Указанный элемент не разрешается появляться в том контексте, в котором вы его разместили; другие упомянутые элементы являются единственными, которые разрешены там и могут содержать упомянутый элемент. Это может означать, что вам нужен содержащий элемент или, возможно, вы забыли закрыть предыдущий элемент.

Одна из возможных причин для этого сообщения состоит в том, что вы попытались поместить элемент уровня блока (например, "<p> " или "<table> " ) внутри встроенного элемента (например, "<a> ", "<span> " или "<font> " ).

Ответ 6

В вашем вопросе не рассматривается то, что вы хотите поместить в теги DIV, и, вероятно, вы получили некоторые неполные/неправильные ответы. Истина заключается в том, что вы можете, как сказал Ройи, помещать теги DIV внутри ваших форм. Например, вы не хотите делать это для ярлыков, но если у вас есть форма с кучей флажков, которые вы хотите выложить на три столбца, то, во что бы то ни стало, используйте теги DIV (или SPAN, HEADER и т.д.)..), чтобы выполнить внешний вид, который вы пытаетесь достичь.

Ответ 7

Как говорили другие, все хорошо, вы можете сделать это просто отлично. Для меня лично я пытаюсь сохранить форму иерархической структуры с моими элементами с div, являющимся внешним основным родительским элементом. Я пытаюсь использовать только внутри table p ul и span внутри форм. Просто мне легче отслеживать отношения между родителями и детьми внутри моих веб-страниц.

Ответ 8

Абсолютно нет! Он будет отображаться, но он не будет проверяться. Используйте ярлык.

Это неверно. Он недоступен. Вы видите это на некоторых веб-сайтах, потому что некоторые разработчики просто ленивы. Когда я нанимаю разработчиков, это одна из первых вещей, которые я проверяю в работе кандидатов. Формы неприятны, но найдите время и научитесь правильно их выполнять.

Ответ 9

Нет, его не

Теги

<div> всегда используются для создания веб-макета. Его символическая цель состоит в том, чтобы разделить секцию/часть на странице, чтобы отдельный стиль мог быть добавлен или применен к ней. ^{[w3schools Doc]}^{[W3C ]}

Это сильно зависит от того, что у вас есть `some` и `another`.

HTML5, имеет больше логических значений, вместо обычных тегов. section, header, nav, aside все имеют для себя свой смысловой смысл. И используются против <div>