html - 表行标签内的表单

标签 html

tr标签里面写一个form可以吗?

<table>
    % for my $word ( @$words_2 ) {
        <tr>
            <form action="/blacklist" method="post">
            <td><%=$word%></td>
            <td><input type="text" name="data" readonly hidden value="<%=$word%>" /></td>
            <td><input class="remove" type="submit" value="Remove" /></td>
            </form> 
        </tr>
    % }
</table>

最佳答案

tr doesn't allow form-tags as direct children .大多数现代浏览器会让你做很多废话,所以你可以使用它 - 但我不会称它为OK。更好的方法是将完整的表单放入 td 之一(td 允许文本、表单、内联元素和 block 元素作为子元素):

<table>
    <% for my $word ( @$words_2 ) { %>
        <tr>
            <td><%=$word%></td>
            <td>
              <form action="/blacklist" method="post">
                <input type="text" name="data" readonly hidden value="<%=$word%>" />
                <input class="remove" type="submit" value="Remove" />
              </form> 
            </td>
        </tr>
    <% } %>
</table>

或者,简单得多,只需使用链接(但请注意,data 是使用 GET 而不是 POST 发送的 - 也许您您必须更改处理黑名单的代码中的某些内容):

<table>
    <% for my $word ( @$words_2 ) { %>
        <tr>
            <td><%=$word%></td>
            <td><a href="/blacklist?data=<%=$word%>">Remove</a></td>
        </tr>
    <% } %>
</table>

关于html - 表行标签内的表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7737163/

相关文章:

jquery - 当函数在浏览器上运行时如何获取值

javascript - 为大型项目的新版本从 Flash 切换到 HTML5?

javascript - 不正确的高度iphone

html - 不同媒体查询中元素的重复值

javascript - onclick 属性与 eventListeners

CSS div 不可见

javascript - Javascript 中唯一的 html 项目 ID

javascript - 不起作用,可点击的 div 包含图像

html - 当窗口变小时向下移动导航栏的部分

javascript - 无法让 mottie jQuery 键盘突出显示所选键