Использование тегов <input>непосредственно внутри <table> - PullRequest
8 голосов
/ 26 января 2010

Я создаю таблицу с несколькими редактируемыми строками. как сотрудник каждой строки, так что вы можете изменить несколько имен одновременно. У меня есть некоторые скрытые поля внутри, которые также должны быть зациклены со строками таблицы.

Проблема в том, что наличие входных данных внутри тегов таблицы недопустимо в формате xhtml. И я не хочу заключать их в теги <tr><td>, так как это явно создаст новый столбец для скрытых полей, в которых он не нужен.

Кто-нибудь знает, могу ли я обернуть их чем-то другим, чтобы сделать его действительным xhtml?

Ответы [ 5 ]

7 голосов
/ 26 января 2010

Вы можете поместить скрытые <input> s в существующую ячейку.

4 голосов
/ 26 января 2010

Они скрыты, вы можете разместить их рядом с любым видимым вводом и все будет в порядке.

<tr>
  <td><input type="text" name="fname" /></td>
  <td><input type="text" name="lname" />
      <input type="hidden" name="cid" value="11" />
      <input type="hidden" name="uid" value="12" />
  </td>
</tr>
0 голосов
/ 26 января 2010

это совершенно правильный строгий код XHTML. В табличные теги можно добавлять поля ввода

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Dicabrio.com</title> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 

</head> 
<body>
<form id="test" method="post" action="test.php">
<fieldset>
<legend>test</legend>
<table>
    <tr><td>
    <label>test</label><input type="text" name="test" value="" />
</td></tr>
</table>
</fieldset>
</form>
</body> 
</html>
0 голосов
/ 26 января 2010

Я не уверен на 100%, будет ли это работать или проверить, но вы можете попытаться установить скрытые строки и столбцы, содержащие видимость.

tr.hidden, td.hidden {
    visibility: hidden;
}

Стоит выстрел.

0 голосов
/ 26 января 2010

Что не так с размещением скрытого тега ввода в последнем столбце?

...
<td>
  <input type="text" name="yourname" />
  <input type="hidden" name="thisrowuniqueid" value="123" />
</td>
...
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...