HTML是一種標記語言,用于創建Web頁面。其中一個常見的用途是創建滿五顆星的評分系統。在這篇文章中,我們將分享如何用HTML代碼實現這一目標。
<!DOCTYPE html> <html> <head> <title>五顆星的評分系統</title> <style> .star { display: inline-block; font-size: 2em; color: gray; cursor: pointer; } .star:hover, .star.active { color: gold; } </style> <script> function rate(rating) { // 這里可以發送Ajax請求,將評分數據發送到服務器 alert('你給出了 ' + rating + ' 顆星!'); } </script> </head> <body> <p>請給出你的評分:</p> <div> <span class="star" onclick="rate(1)">★</span> <span class="star" onclick="rate(2)">★</span> <span class="star" onclick="rate(3)">★</span> <span class="star" onclick="rate(4)">★</span> <span class="star" onclick="rate(5)">★</span> </div> </body> </html>
在上面的代碼中,我們使用了一個具有基本樣式的標記,并在編寫鼠標懸停和點擊事件的JavaScript代碼,以便在用戶單擊星星時獲取到他們的評分。另外,我們在 JavaScript 函數中添加了一行注釋,以便日后添加發送評分數據到服務器的功能。