본문 바로가기
웹개발/웹개발

HTML5 슬라이더 제작

by 에르소 2014. 6. 30.


 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>



'웹개발 > 웹개발' 카테고리의 다른 글

HTML5 힌트  (0) 2014.07.01
HTML5 날짜입력 폼  (0) 2014.06.30
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

댓글0