<label for="mumber-to-show">표시할 번호</label>
<input type="number" id="mumber-to-show">
브라우저에서 실제 표시된 모습
<label for="mumber-to-show">표시할 번호</label>
<input type="number" id="mumber-to-show" placeholder="숫자 입력만 가능...">
브라우저에서 실제 표시된 모습
<label for="mumber-to-show">표시할 번호</label>
<input type="number" id="mumber-to-show" value="7">
브라우저에서 실제 표시된 모습
<label for="mumber-to-show">표시할 번호</label>
<input type="number" id="mumber-to-show" min="0" value="7">
브라우저에서 실제 표시된 모습
<label for="mumber-to-show">표시할 번호</label>
<input type="number" id="mumber-to-show" min="8-1" value="7">
브라우저에서 실제 표시된 모습 최솟값이 지정되지 않습니다.
<label for="mumber-to-show">표시할 번호</label>
<input type="number" id="mumber-to-show" max="10" value="7">
브라우저에서 실제 표시된 모습
<label for="mumber-to-show">표시할 번호</label>
<input type="number" id="mumber-to-show" max="9+1" value="7">
브라우저에서 실제 표시된 모습 최댓값이 지정되지 않습니다.
<label for="mumber-to-show">표시할 번호</label>
<input type="number" id="mumber-to-show" value="7" step="2">
브라우저에서 실제 표시된 모습
<label for="mumber-to-show">표시할 번호</label>
<input type="number" id="mumber-to-show" value="7" step="2" min="0" max="10">
브라우저에서 실제 표시된 모습
/* Safari 브라우저용 사용자 정의 스타일 */
[type="number"] {
  -moz-appearance: textfield;
}

/* 그 외의 브라우저용 사용자 정의 스타일 */
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
<label for="mumber-to-show">표시할 번호</label>
<input type="number" id="mumber-to-show" value="7">
브라우저에서 실제 표시된 모습
input type 속성의 number 값에 대한 브라우저 호환성과 관련 속성의 브라우저 호환성
속성
데스크탑 Chrome
Chrome
데스크탑데스크탑 Edge
Edge
데스크탑 Firefox
Firefox
Safari
Safari
<input type="number"> 7 12 29 5.1
placeholder 3 12 4 4
min 4 12 16 5
max 4 12 16 5
step 5 12 16 5