Ниже мой код, который содержит таблицу в формате формы. То, что я хочу сделать, это позволить пользователю навести курсор на цену в таблице, если она нажата, она направит пользователя на другую страницу, которая покажет цену. Например, если я наведу указатель мыши на цену в RM7, когда она будет нажата, она направит меня на другую страницу, которая покажет мне, что цена клика - RM7. Пожалуйста, помогите
<!DOCTYPE html>
Kereta Sewa Bajet
table {
border-collapse: collapse;
border-spacing: 0;
width: 85%;
border: 1px solid #ddd;
}
th,
td {
text-align: center;
padding: 8px;
}
td a {
display: block;
position: relative
}
td a:hover {
background: #808080;
color: white
}
body,
html {
height: 100%;
line-height: 1.8;
}
.w3-bar .w3-button {
padding: 16px;
}
/* Full height image header */
.bgimg-1 {
background-position: center;
background-size: cover;
background-image: url("img/Wallpaper.jpg");
min-height: 100%;
}
<!-- Navbar (sit on top) -->
KERETA SEWA BAJET
<!-- Right-sided navbar links -->
LOGIN
PACKAGE PRICES
CONTACT
ABOUT US
<!-- Hide right-floated links on small screens and replace them with a menu icon -->
<!-- Sidebar on small screens when clicking the menu icon -->
// Toggle between showing and hiding the sidebar when clicking the menu icon
var mySidebar = document.getElementById("mySidebar");
function w3_open() {
if (mySidebar.style.display === 'block') {
mySidebar.style.display = 'none';
} else {
mySidebar.style.display = 'block';
}
}
// Close the sidebar with the close button
function w3_close() {
mySidebar.style.display = "none";
}
<!-- Car & Prices Menu -->
<\br>
Powered by KSB