HTML是一種標(biāo)記語言，用于創(chuàng)建Web頁面。其中一個常見的用途是創(chuàng)建滿五顆星的評分系統(tǒng)。在這篇文章中，我們將分享如何用HTML代碼實現(xiàn)這一目標(biāo)。
<!DOCTYPE html>
<html>
<head>
<title>五顆星的評分系統(tǒng)</title>
<style>
.star {
display: inline-block;
font-size: 2em;
color: gray;
cursor: pointer;
}
.star:hover,
.star.active {
color: gold;
}
</style>
<script>
function rate(rating) {
// 這里可以發(fā)送Ajax請求，將評分?jǐn)?shù)據(jù)發(fā)送到服務(wù)器
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>在上面的代碼中，我們使用了一個具有基本樣式的標(biāo)記，并在編寫鼠標(biāo)懸停和點擊事件的JavaScript代碼，以便在用戶單擊星星時獲取到他們的評分。另外，我們在 JavaScript 函數(shù)中添加了一行注釋，以便日后添加發(fā)送評分?jǐn)?shù)據(jù)到服務(wù)器的功能。