웹개발/HTML

HTML5 스핀박스 제작

에르소 2014. 6. 30. 17:43
반응형


HTML5 스핀박스 제작


본 스핀박스는 "구글 크롬" 기준입니다 :)



<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>무제 문서</title>

</head>

<body>

<form>

<fieldset>

<legend>주문내용 </legend>

<ol>

<li>

<label for="product">상품명</label>

<input id="product" type="text" size="25">

</li>

<li>

<label for="num">주문개수</label>

<input id="num" type="number" min="1" max="3" value="1">

<!-- min:최소값, max:최대값, value:기본값 -->

</li>

</ol>

</fieldset>

<input type="button" value="주문하기">

</button>

</form>

</body>

</html>



반응형

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

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
오라클 Edition  (0) 2014.06.16