>웹 프론트엔드 >HTML 튜토리얼 >HTML 입력 상자에 순수 숫자만 입력하도록 제한하는 방법

HTML 입력 상자에 순수 숫자만 입력하도록 제한하는 방법

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-04-07 18:33:598604검색

입력 입력 상자를 순수 숫자로만 제한하는 방법: oninput 이벤트를 사용하고 이벤트에서 정규식 "/[^d]/g,''"와 함께 replacement() 함수를 사용하여 입력을 제한하므로 입력란에는 숫자만 입력할 수 있으며, 그 외의 문자는 입력 시 자동으로 지워집니다.

HTML 입력 상자에 순수 숫자만 입력하도록 제한하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, javascript1.8.5&&HTML5 버전, Dell G3 컴퓨터.

입력 입력 상자를 순수 숫자로만 제한하세요

oninput 이벤트를 사용하세요. 입력 입력 상자에 순수 숫자만 입력하도록 제한하세요

oninput = "value=value.replace(/[^\d]/g,'')"

코드 예시

<!DOCTYPE html><html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>input</title>
</head>
<body>
    只能输入纯数字的输入框:<input type="text" name="" oninput="value=value.replace(/[^\d]/g,&#39;&#39;)">
</body>
</html>

추천 학습: "HTML 비디오 튜토리얼"

위 내용은 HTML 입력 상자에 순수 숫자만 입력하도록 제한하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.