스핀버튼 컨트롤

쇼핑몰 카트 만들다가 값 증감시키는 버튼을 매번 만들려면 디쟈이너들이 템플릿 작업하기에도 문제가 있을꺼같아 htc로 하나 만들어봤습니다.

htc를 사용하는 여러 방법중에 css를 이용하는 방법을 선택했습니다.

사용하기 전에 위와같이 정의하시면 로드와함께 클래스이름에 행동자(behavior)가 달라붙습니다.
그다음 스핀버튼을 사용하고자 하는 input 태그에 spinbtn 이라는 클래스 이름을 주면 끝입니다.

그 외에 사용할 수 있는 속성에는
maxvalue와 step 이 있습니다.
잘 아실꺼라 믿고, 예제 보시면 이해 갈껍니다.




스핀버튼

기본 스핀버튼:

값이 미리정해짐:

3씩 증감:

최대값 5:



1284676250.htc

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다