[HTML] Number Input

안녕하세요 동기 여러분! 오늘은 숫자만 넣을 수 있는 빈칸을 만드는 법에 대해 알아봅시다!

 

Number Input

<input> 속성에 type="text"를 지난 시간까지 알아보았는데,  여기에 "number"를 넣는다면 어떤 일이 벌어질까요?

그렇게 된다면, 숫자만 사용할 수 있는 빈칸이 만들어지는데 이 빈칸에는 마이너스(-), 플러스(+), 점(.)도 사용이 가능합니다.

 

그리고 type 옆에 step 속성을 넣으면 다음과 같은 화살표 버튼이 만들어집니다.

 

---

 

생김새

<form>
  <label for="ages"> 마 니 몇살이고? </label>
  <input id="ages" name="ages" type="number" step="1">
</form>

이전에 했던 방법과 마찬가지로 <label>의 for와 <input>의 id는 같은 값을 가져야 합니다. 

step="1"은 화살표를 누를 때 마다 더해지거나 빼지는 숫자를 의미합니다. (step="3"이면 숫자가 3씩 더해지거나 빼 짐)

 

응? 그게 다예요... ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

 

---

 

오늘의 느낌

오늘따라 내 몸이 참 무겁게 느껴진다. 무겁기도 하지만ㅋㅋㅋ