특징
- 클릭 식 별점 플러그인은 라디오 버튼으로 이루어져있다.
- 라디오 버튼에 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
'웹 > JSP' 카테고리의 다른 글
[JSP] <JSTL> 기초 (0) | 2024.01.17 |
---|---|
[JSP] <커스텀 태그> 기초 (0) | 2024.01.17 |
[JSP] <jquery> 비밀번호 입력 확인 (0) | 2024.01.16 |
[JSP] <ajax> 비동기 아이디 중복 검사 (0) | 2024.01.16 |
[JSP] <JSP> 세션 값 저장 (0) | 2024.01.16 |