Question

我想在不使用javascript的情况下点击整个表格行。互联网告诉我HTML4不可能，但我使用的是HTML5，所以我很有希望。

然而，显而易见的是不起作用：

<table>    
    <a href="foo">
        <tr>
            <td>…</td>
            <td>…</td>
        </tr>
    </a>
</table>

Firebug显示Firefox在计算元素树时从<tr/>包装器中提取<a/>元素，并在<a/>之前放置一个空的<table/>，如下所示： / p>

<a href="foo"> </a>
<table>
    …
</table>

这让我觉得我正在尝试的是标准不允许的，或者Firefox中有一个错误（和Chromium，它表现出相同的行为）。我猜测前者，实际上，HTML5规范告诉我们<td/>不能在<a/>元素中使用，而只能在其他表元素中使用The tr element。< / p>

关于如何使用HTML5实现可点击表格行的任何其他提示？

Answer 1

显然，这在HTML5中没有改变，所以我们仍然留下上述的解决方法。

Answer 2

您可以让可点击的行跨越您需要的列数，并将内容I放在一行

<table>    
        <tr>
            <td>col 1</td>
            <td>col 2</td>
        </tr>
        <tr >
            <td colspan="2">
                <a href="foo">
                   Clickable stuff.  If you need table columns here, you can nest a second table here
                </a>
            </td>
        </tr>
</table>

HTML5：在没有javascript的情况下使整个表行可单击

2 个答案: