Исправлено отображение TR / таблицы поверх DOCTYPE XHTML

Question

Один и тот же код отображается РАЗНОМ над X HTML () и HTML5 ()

<table border="1">
<tr><th>COL1</th><th>COL2</th><th>COL3</th></tr>
<tr><form action="">
<td>111</td><td><input type="text" name="correo" /></td><td>333</td>
</form></tr>
and other TR with other form ...
and other TR with other form ...
and other TR with other form ...
...
</table>

... Мне нужно отобразить это с X HTML, но все искажения ...

С HTML:

С x HTML:

как я могу исправить это?

Answer 1

Стиль может быть достигнут в синтаксисе HTML5 XML (он же X HTML) с помощью

<style>
    tr form { display: contents; }
    td { border: 1px inset black; }
</style>

, но не может. Неверная разметка HTML5 в синтаксисе HTML или в синтаксисе XML.

Вместо этого следует использовать атрибут form в элементах управления, чтобы связать элемент управления с формой, как это:

<form action="" id="myform1"></form>
<table border="1">
  <tr><th>COL1</th><th>COL2</th><th>COL3</th></tr>
  <tr>
    <td>111</td>
    <td><input type="text" name="correo" form="myform1" /></td>
    <td>333</td>
  </tr>
</table>