评分系统html的代码
时间: 2023-10-29 17:06:59 浏览: 158
以下是一个简单的评分系统的 HTML 代码示例:
```html
<div class="rating">
<input type="radio" id="star5" name="rating" value="5">
<label for="star5" title="5 stars">5 stars</label>
<input type="radio" id="star4" name="rating" value="4">
<label for="star4" title="4 stars">4 stars</label>
<input type="radio" id="star3" name="rating" value="3">
<label for="star3" title="3 stars">3 stars</label>
<input type="radio" id="star2" name="rating" value="2">
<label for="star2" title="2 stars">2 stars</label>
<input type="radio" id="star1" name="rating" value="1">
<label for="star1" title="1 star">1 star</label>
</div>
```
该代码使用了 `input` 标签的 `type` 属性为 `radio`,并且为每个评分选项设置了不同的 `id` 和 `value` 属性,同时为每个选项设置了 `label` 标签,其中的 `for` 属性与对应的 `input` 标签的 `id` 属性相同,以实现点击标签即可选择对应的评分选项。您可以根据自己的需求修改这个代码,并将其嵌入到您的网页中。