[JSP] <plugin> starability

특징

• 클릭 식 별점 플러그인은 라디오 버튼으로 이루어져있다.
• 라디오 버튼에 css로 형태를 만든 것이다.

<div class="col-lg-3 d-flex align-items-center">
	<div class="row">
		<div class="star-rating space-x-4 mx-auto">
			<input type="radio" id="5-stars" name="rating" value="5"/>
			<label for="5-stars" class="star pr-4">★</label>
			<input type="radio" id="4-stars" name="rating" value="4"/>
			<label for="4-stars" class="star">★</label>
			<input type="radio" id="3-stars" name="rating" value="3"/>
			<label for="3-stars" class="star">★</label>
			<input type="radio" id="2-stars" name="rating" value="2"/>
			<label for="2-stars" class="star">★</label>
			<input type="radio" id="1-star" name="rating" value="1"/>
			<label for="1-star" class="star">★</label>
		</div>
    </div>
</div>

참고 사이트

https://github.com/LunarLogic/starability

GitHub - LunarLogic/starability: Accessible rating forms with cute animations on top.