如何讓整個表格成爲另一個HTML頁面的按鈕/鏈接？

我有這張表，應該是一個鏈接到另一個頁面的按鈕。原因是該表的值應該可以隨數據庫中的數據更改。例如參數可以改變爲pH值，值可以改爲7或者其他值。但表格/按鈕應鏈接到同一頁面。在哪裏可以設定目標。如何讓整個表格成爲另一個HTML頁面的按鈕/鏈接？

到目前爲止我我得到了什麼：

<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>

讓我怎麼做一個鏈接/按鈕？

來源

2016-04-15 Alex Justesen Karlsen

使用onclick和紅色直接與客戶端 –

您可以使用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>

來源

2016-04-15 10:00:20 Munawir

爲什麼涉及JavaScript時純HTML有一個內置的解決方案？（這不會破壞人們通過線性（例如基於鍵盤）導航選擇鏈接的能力）。 – Quentin

與其他任何一樣。

您在其周圍放置了一個<a>元素（具有href屬性）。

來源

2016-04-15 09:59:09 Quentin

你的表裹成一個鏈接元素：

<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>

來源

2016-04-15 10:10:30 Moritz

您可以使用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>

來源

2016-04-15 10:16:13 shah

如何讓整個表格成爲另一個HTML頁面的按鈕/鏈接？

回答

相關問題