Где элементы формы позволены в элементе стола?

Я хочу составить таблицу с поиском textbox выше заголовков столбцов как таковых

<table>
   <thead>
      <tr><td><input type="text" /></td><td><input type="text" /></td></tr>
      <tr><td>Mother</td><td>Father</td></tr>
   </thead>
   <tbody id="search-results">
      <!-- to be populated by AJAX response -->
   </tbody>
</table>

Элемент формы позволен как это?


  <thead>...</thead>

или

<thead>
  ...
</thead>

или which way?

Also, can <input type="hidden" /> be place absolutely anywhere between the fилиm tags?

1
nl ja de

3 ответы

, <th>or

Inside a table, a <form> can only be where content goes inside the table which would be inside a <td>, <thead>,

. Or the entire table can be inside the <form>, but not either of the ways you show it.

You can also use form elements like <input> tags or other form elements in any <td> without enclosing them in a <form> if you aren't using the built-in form submission capabilities.

2
добавлено

You should wrap the entire <table> element in <form>, you cannot put anything which is not table related inside <table> except for inside <th>, <td> and

elements. So if you do not want to put the entire form in a <td> cell, you should wrap the entire table in <form>.

<input type="hidden"> tags are just like any other input tags - they must be wrapped inside <td> and other content tags.

2
добавлено

This is the specification on html5, you will find out that only form embedded into a table is allowed here

Это - правильная форма использования thead: обучающая программа thead.

Ниже содержания копируется с той связи, чтобы сохранить ответ, если от связи отказываются:

Если вы хотите, можно встать столов как это, но если вы цените содержание, которые высоко семантически структурированы, я рад представить вас элементу. Элемент структурирует заголовки в вашем столе, и это говорит браузеры что например, каждая колонка содержит. Структуры элемента весь из содержание, так, чтобы браузер знал что фактическое содержание стол. Используя тот же самый пример как прежде, и элементы к b, используемому как это:

<table border="1" width="100%">
        <thead>
                <tr>
                        <td>Row 1, cell 1</td>
                        <td>Row 1, cell 2</td>
                        <td>Row 2, cell 3</td>
                </tr>
        </thead>
        <tbody>
                <tr>
                        <td>Row 2, cell 1</td>
                        <td>Row 2, cell 2</td>
                        <td>Row 2, cell 3</td>
                </tr>
                <tr>
                        <td>Row 3, cell 1</td>
                        <td>Row 3, cell 2</td>
                        <td>Row 3, cell 3</td>
                </tr>
                <tr>
                        <td>Row 4, cell 1</td>
                        <td>Row 4, cell 2</td>
                        <td>Row 4, cell 3</td>
                </tr>
        </tbody>
</table>

Также можно использовать скрытый вход где угодно в теге form.

0
добавлено
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda

Чат — Типичный Верстальщик
Чат — Типичный Верстальщик
1 080 участник(ов)

Основной канал: @tpverstak Обратная связь: @annblok Все ссылки на соц.сети проекта: http://taplink.cc/tpverstak ПРАВИЛА ЧАТА — https://teletype.in/@annblok/BygPgC3E7

Веб-Технологи: UI/UX, Вёрстка, Фронтенд
Веб-Технологи: UI/UX, Вёрстка, Фронтенд
167 участник(ов)

Всё про веб-дизайн и вёрстку. А также: HTML, CSS, флекс и бутстрапы, шаблонизаторы, препроцессоры, методологии, аглифаеры, улучшаторы и обфускаторы. Обсуждаем темы юзабилити, устраиваем А/В тесты лендингов, и проводим аудит.

DTP :: @DTPublish
DTP :: @DTPublish
147 участник(ов)

Обсуждаемые темы: полиграфия, препресс, верстка, дизайн, иллюстрации, скрипты, плагины. Канал - @DTPublishing