五星好评web html
时间: 2024-11-17 14:07:59 浏览: 13
五星好评_js五星_五星好评_js五星好评_
在Web开发中,获得五星好评通常是在网页设计和用户体验上追求卓越的结果。下面是一个简单的HTML示例,展示了一个评价表格和星级评分系统,用户可以给内容给予五星评价:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>五星好评表单</title>
<style>
.star-ratings {
display: inline-block;
width: 50px;
}
</style>
</head>
<body>
<h2>请给我们五星评价:</h2>
<form id="ratingForm">
<label for="rating">您的评分:</label>
<input type="radio" id="one-star" class="star-ratings" name="rating" value="1">
<label for="one-star"><i class="fas fa-star"></i></label>
<input type="radio" id="two-stars" class="star-ratings" name="rating" value="2">
<label for="two-stars"><i class="fas fa-star"></i><i class="fas fa-star"></i></label>
<input type="radio" id="three-stars" class="star-ratings" name="rating" value="3">
<label for="three-stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></label>
<input type="radio" id="four-stars" class="star-ratings" name="rating" value="4">
<label for="four-stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></label>
<input type="radio" id="five-stars" class="star-ratings" name="rating" value="5">
<label for="five-stars"><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></label>
<br>
<textarea id="feedback" placeholder="请输入您的反馈..."></textarea>
<br>
<input type="submit" value="提交评价">
</form>
<script src="https://kit.fontawesome.com/<your-fontawesome-script-key>.js" crossorigin="anonymous"></script>
</body>
</html>
```
这个例子中,用户可以选择从一星到五星的评价,并可以在文本区域填写反馈。提交按钮用于将数据发送到服务器。
阅读全文