Kyurasi

kyurasi.com/@junmannn_yoon

html input text 숫자만 받기, 글자수 제한하기

See the Pen Untitled by Junho Yoon (@junhoyoon95) on CodePen. maxlength="3" ➡️ input text의 최대 입력 클자수는 3글자로 설정 oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" ➡️ 입력을 하는 순간 입력된 입력된 값을 확인하여 0~9인 순간에만 입력되게 합니다

html input text 숫자만 받기, 글자수 제한하기

📅
junmannnyoonjunmannnyoon
13
#html input only number#html input 글자수#input text 글자수 제한#input text 숫자만#input type="text" 숫자만#숫자만 입력받게 하기
💡이 글의 요약

See the Pen Untitled by Junho Yoon (@junhoyoon95) on CodePen. maxlength="3" ➡️ input text의 최대 입력 클자수는 3글자로 설정 oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" ➡️ 입력을 하는 순간 입력된 입력된 값을 확인하여 0~9인 순간에만 입력되게 합니다

See the Pen Untitled by Junho Yoon (@junhoyoon95) on CodePen.

  •  maxlength="3"
    • ➡️ input text의 최대 입력 클자수는 3글자로 설정
  • oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');"
    • ➡️ 입력을 하는 순간 입력된 입력된 값을 확인하여 0~9인 순간에만 입력되게 합니다
마지막 수정: 2023. 1. 15.