Відповіді:
Це абсолютно добре.
formПредставить тільки свої елементи управління введення типу (* також Textarea, Selectі т.д ...).
Вам не про що турбуватися з приводу divвсередині form.
Цілком прийнятно використовувати 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>
Неправильно мати <input> безпосереднім нащадком <form>
І до речі <input / > може вийти з ладу для певного типу доктрини
Перевірте це за допомогою http://validator.w3.org/check
тип документа не допускає тут елемента "INPUT"; відсутній один із початкових тегів "P", "H1", "H2", "H3", "H4", "H5", "H6", "PRE", "DIV", "ADDRESS"
<input type = "text" />
Згаданий елемент не може відображатися в тому контексті, в якому ви його розмістили; інші згадані елементи є єдиними, які там дозволені і можуть містити згаданий елемент. Це може означати, що вам потрібен елемент, що містить, або, можливо, ви забули закрити попередній елемент.
Однією з можливих причин цього повідомлення є те, що ви намагалися помістити елемент рівня блоку (наприклад, "<p>" або "<table>") всередину вбудованого елемента (наприклад, "<a>", "<span> ", або" <font> ").
Ваше запитання не стосується того, що ви хочете помістити в теги DIV, імовірно, тому ви отримали кілька неповних / неправильних відповідей. Правда полягає в тому, що ви можете, як сказав Рої, розміщувати теги DIV всередині ваших форм. Наприклад, ви не хочете робити це для міток, але якщо у вас є форма з безліччю прапорців, які ви хочете розкласти на три стовпці, тоді неодмінно використовуйте теги DIV (або SPAN, HEADER тощо). .), щоб зробити вигляд та відчуття, яких ви намагаєтесь досягти.
Визначення та використання
Тег визначає розділ або розділ у документі HTML.
Тег використовується для групування блок-елементів для форматування їх за допомогою стилів. http://www.w3schools.com/tags/tag_div.asp
Також DIV - MDN
Елемент HTML (або елемент розділу документів HTML) є загальним контейнером для вмісту потоку, який за своєю суттю нічого не представляє. Його можна використовувати для групування елементів для цілей стилізації (з використанням атрибутів класу або ідентифікатора) або тому, що вони мають спільні значення атрибутів, наприклад, lang. Його слід використовувати лише тоді, коли жоден інший семантичний елемент (наприклад, або) не підходить.
Ви можете використовувати div усередині форми, якщо ви говорите про використання div замість таблиці, тоді google про веб-дизайн без таблиці
Як казали інші, це все добре, ви можете це зробити чудово. Особисто для мене я намагаюся дотримуватися форми ієрархічної структури зі своїми елементами, що divє самим зовнішнім елементом. Я намагаюся використовувати лише форми table p ulта spanвсередині них. Просто це полегшує мені відстеження стосунків батьків / дітей на моїх веб-сторінках.
Я помітив, що всякий раз, коли я запускав тег форми всередині div, наступні брати та сестри div не будуть частиною форми, коли я перевіряю (chrome inspect), відтепер моя форма ніколи не надсилатиметься.
<div>
<form>
<input name='1st input'/>
</div>
<div>
<input name='2nd input'/>
</div>
<input type='submit'/>
</form>
Я зрозумів, що якщо я поміщу тег форми поза DIV, це спрацює. Тег форми слід розміщувати на початку батьківського DIV. Як показано нижче.
<form>
<div>
<input name='1st input'/>
</div>
<div>
<input name='2nd input'/>
</div>
<input type='submit'/>
</form>
Абсолютно не! Візуалізується, але не перевіряється. Використовуйте ярлик.
Це неправильно. Він недоступний. Ви бачите це на деяких веб-сайтах, тому що деякі розробники просто ледачі. Коли я наймаю розробників, це одна з перших речей, на які я перевіряю роботу кандидатів. Форми неприємні, але не поспішайте і навчіться робити їх правильно
<div>теги завжди зловживають для створення веб-макета. Його символічне призначення - розділити розділ / частину на сторінці таким чином, щоб до неї можна було додати або застосувати окремий стиль. [w3schools Doc] [W3C]
someі anotherмають.HTML5 має більше логічного значення тегів, замість того, щоб мати теги простого макета. section, header, nav, asideВсе мають своє власне смислове значення для нього. І використовуються проти<div>
<select>ідеально підходить, якщо вибір надано, якщо ні <a>чи <buttons>то.