통합검색

HTML / CSS

[HTML] text input에 입력 허용할 문자 지정하기 (inputmode, pattern Attribute)

  • 2024.09.13 10:34:45


이를테면, <input type="number">
로 지정하는 경우 오로지 숫자만 입력 가능하여 하이픈(-) 입력이 불가 하다는 문제점이 있다.
대안으로 아래와 같이 input type을 text로 두고 정규식으로 허용할 문자를 지정할 수 있다.


[!]text input에서 inputmode, pattern 지정[/!]
 
<input type="text" inputmode="numeric" pattern="[0-9\-]*" placeholder="숫자와 하이픈 입력 가능">