Question

我有这个表，它应该是一个链接到另一个页面的按钮。原因是表的值应该可以使用数据库中的数据进行更改。例如，参数可以更改为pH值，将值更改为7或其他值。但表/按钮应链接到同一页面。在哪里可以设置目标。

到目前为止，我得到的是：

<table class="Button" >
    <tr>
        <td class="parameter"> Temperature</td>
    </tr>

    <tr>
        <td class="Value">23&#x2103</td>    
    </tr>

    <tr>
        <td class="Target">Target: 30&#x2103 </td>
    </tr>
</table>

那么如何将其设为链接/按钮？

Answer 1

与其他任何事情一样。

您在其周围添加了<a>元素（带有href属性）。

Answer 2

您可以使用onclick并重定向您的网页。

或者用<a>

打包你的表格

<table class="Button" onclick="location.href='yourpage.html'" >
    <tr>
        <td class="parameter"> Temperature</td>
    </tr>

    <tr>
        <td class="Value">23&#x2103</td>    
    </tr>

    <tr>
        <td class="Target">Target: 30&#x2103 </td>
    </tr>
</table>

Answer 3

将其包装成链接元素：

<a href="LINK.html">
    <table>
        <tr>
            <td class="parameter"> Temperature</td>
        </tr>
        <tr>
            <td class="Value">23&#x2103</td>    
        </tr>
        <tr>
            <td class="Target">Target: 30&#x2103 </td>
        </tr>
    </table>
</a>

如果您想要一个按钮，请在其中添加一个按钮元素：

<button style="color:black; background-color:white; border-radius:5px;">
    <a href="LINK.html">
        <table>
            <tr>
                <td class="parameter"> Temperature</td>
            </tr>
            <tr>
                <td class="Value">23&#x2103</td>    
            </tr>
            <tr>
                <td class="Target">Target: 30&#x2103 </td>
            </tr>
        </table>
    </a>
</button>

Answer 4

您可以使用javascript onClick事件或在其周围添加<a>标记

HTML

 <table class="button" onClick="linkTo('https://www.google.com')">
    .
    .
    .
 </table>

Java脚本

<script>
       function linkTo(var link){
         window.location = link;
       }

</script>

鼠标点的Css

<style>
 table.button{
     cursor: pointer;
  }
</style>

如何使整个表成为另一个HTML页面的按钮/链接？

4 个答案: