HTML:是否有可能以 XHTML 有效方式在每个 TABLE ROW 中包含一个 FORM 标记?

新手上路,请多包涵

我可以最好地描述如下:

我想要这个(整个表 editmode 并在每一行中保存按钮)。

 <table>
    <tr>
        <td>Id</td>
        <td>Name</td>
        <td>Description</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td><input type="hidden" name="id" value="1" /></td>
        <td><input type="text" name="name" value="Name" /></td>
        <td><input type="text" name="description" value="Description" /></td>
        <td><input type="submit" value="Save" /></td>
    </tr>
    <tr>
        <td><input type="hidden" name="id" value="2" /></td>
        <td><input type="text" name="name" value="Name2" /></td>
        <td><input type="text" name="description" value="Description2" /></td>
        <td><input type="submit" value="Save" /></td>
    </tr>
    <!-- and more rows here ... -->
</table>

我应该把 <form> 标签放在哪里?

原文由 Ropstah 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 329
2 个回答

你不能。您唯一的选择是将其分成多个表并将表单标签放在它外面。您最终可能会嵌套表格,但不建议这样做:

 <table>
  <tr><td><form>
    <table><tr><td>id</td><td>name</td>...</tr></table>
  </form></td></tr>
</table>

我会完全删除表格并将其替换为样式化的 html 元素,如 div 和 span。

原文由 stereoscott 发布,翻译遵循 CC BY-SA 2.5 许可协议

值得一提的是,这在 HTML5 中是可能的,对输入元素使用“form”属性:

 <table>
    <tr>
        <td>Id</td>
        <td>Name</td>
        <td>Description</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td><form id="form1"><input type="hidden" name="id" value="1" /></form></td>
        <td><input form="form1" type="text" name="name" value="Name" /></td>
        <td><input form="form1" type="text" name="description" value="Description" /></td>
        <td><input form="form1" type="submit" value="Save" /></td>
    </tr>
    <tr>
        <td><form id="form2"><input type="hidden" name="id" value="1" /></form></td>
        <td><input form="form2" type="text" name="name" value="Name" /></td>
        <td><input form="form2" type="text" name="description" value="Description" /></td>
        <td><input form="form2" type="submit" value="Save" /></td>
    </tr>
</table>

虽然由于缺少 JS 和使用原始元素而很干净,但不幸的是,这在 IE10 中不起作用。

原文由 tjbp 发布,翻译遵循 CC BY-SA 3.0 许可协议

推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏