Input type="number" 예제

Input type="number" 예제입니다.

상하 스핀박스에 의해서 손쉽게 숫자를 입력할 수 있는 form 타입입니다.

스핀박스는 마우스를 필드에 위치시키면 자동으로 나타납니다.

기본 상태

마우스를 위치시켰을때

위 결과물은 하기 코드로 작성이 가능합니다.

    <fieldset>
    <legend>Input type="number" 예제</legend>
          <label for="quantity">수량:</label>
          <input type="number" id="quantity" name="quantity" min="1" max="100" step="1" value="1">
    </fieldset>

type ="number"  숫자 입력 폼을 설정합니다.

min 속성은 입력할 수 있는 최소값.

max 속성은 입력할 수 있는 최댓값을 지정합니다.

step 속성은 사용자가 입력할 수 있는 숫자의 증가 단위를 설정합니다.

value는 초기값을 지정합니다.

 

form 요소 중 Input type="number"에 대해서 

알아보았습니다. 감사합니다.

 

https://soo0100.tistory.com/2194

Input type="range" 예제