HTML5 슬라이더 제작 |
사실..이러라고 배운건 아니지만.. 이렇게도 사용이 가능합니다 :)
<!doctype html> <html> <head> <meta charset="utf-8"> <title>무제 문서</title> </head> <body> <form> <fieldset> <legend>나의 능력치</legend> </br> <label for="ps">포토샵</label> <input id="num" type="range" min="1" max="5" value="1"> <br> <label for="il">일러스트</label> <input id="num" type="range" min="1" max="5" value="1"> <br> <label for="id">인디자인</label> <input id="num" type="range" min="1" max="5" value="1"> <br> <label for="pm">프리미어</label> <input id="num" type="range" min="1" max="5" value="1"> <br> <label for="oa">OA(워드)</label> <input id="num" type="range" min="1" max="5" value="1"> <br> <label for="oa2">OA(PPT/엑셀/엑세스)</label> <input id="num" type="range" min="1" max="5" value="1"> <br> <label for="java">자바/JSP</label> <input id="num" type="range" min="1" max="5" value="1"> <br> <label for="html">HTML5/CSS3</label> <input id="num" type="range" min="1" max="5" value="1"> <br> </fieldset> <input type="button" value="자랑하기"> </button> </form> </body> </html> |
'웹개발 > HTML' 카테고리의 다른 글
| HTML5 힌트 (0) | 2014.07.01 |
|---|---|
| HTML5 날짜입력 폼 (0) | 2014.06.30 |
| HTML5 스핀박스 제작 (0) | 2014.06.30 |
| HTML5 이메일 입력폼 제작 (0) | 2014.06.30 |
| 라이브러리 [dbcp/fileuplad/io/pool/jstl/ojdbc] (0) | 2014.06.19 |