HTML 입력 상자를 순수한 숫자로만 제한하는 방법-HTML 튜토리얼-php.cn

rrreee

집

웹 프론트엔드

HTML 튜토리얼

HTML 입력 상자를 순수한 숫자로만 제한하는 방법

醉折花枝作酒筹

Apr 25, 2021 am 09:19 AM

input 숫자

이 글에서는 HTML에서 입력 입력 상자를 순수 숫자로만 제한하는 방법을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

onkeyup = "value=value.replace(/[^\d]/g,&#39;&#39;)"

로그인 후 복사

onkeyup 이벤트를 이용하여 버그가 있습니다. 즉, 중국어 입력기 상태에서 한자를 입력하고 엔터를 직접 누르면, 문자가 직접 입력됩니다onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母

onchange = "value=value.replace(/[^\d]/g,&#39;&#39;)"

로그인 후 복사

使用 onchange 事件，在输入内容后，只有 input 丧失焦点时才会得到结果，并不能在输入时就做出响应

oninput = "value=value.replace(/[^\d]/g,&#39;&#39;)"

로그인 후 복사

使用 oninput

<!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>

로그인 후 복사

onchange 이벤트를 사용하여 내용을 입력한 후 input이 포커스를 잃었을 때만 결과를 얻을 수 있으며 입력 중에는 응답할 수 없습니다

rrreee

oninput 이벤트를 사용하면 위의 두 가지 문제가 완벽하게 해결되었으며 아직 테스트에서 다른 문제는 발생하지 않았습니다.

코드 샘플rrreee

추천 학습: 🎜html 비디오 튜토리얼🎜🎜

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

본 웹사이트의 성명

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

핫 AI 도구

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

뜨거운 주제

Gmail 이메일의 로그인 입구는 어디에 있나요?

7692

자바 튜토리얼

1639

Cakephp 튜토리얼

1393

라라벨 튜토리얼

1287

PHP 튜토리얼

1229

Related knowledge

iOS 17: 대기 모드에서 iPhone 시계 스타일을 변경하는 방법 Sep 10, 2023 pm 09:21 PM

대기는 iPhone이 충전기에 연결되어 있고 가로(또는 가로) 방향일 때 활성화되는 잠금 화면 모드입니다. 세 가지 화면으로 구성되어 있으며 그 중 하나는 전체 화면 시간으로 표시됩니다. 시계 스타일을 변경하는 방법을 알아보려면 계속 읽어보세요. StandBy의 세 번째 화면에는 수직으로 스와이프할 수 있는 다양한 테마의 시간과 날짜가 표시됩니다. 일부 테마에는 온도나 다음 알람과 같은 추가 정보도 표시됩니다. 시계를 길게 누르면 디지털, 아날로그, 세계, 태양광, 플로팅 등 다양한 테마 간에 전환할 수 있습니다. Float는 사용자 정의 가능한 색상의 큰 거품 숫자로 시간을 표시하고, Solar는 다양한 색상의 태양 플레어 디자인을 갖춘 보다 표준적인 글꼴을 가지며, World는 강조 표시하여 세계를 표시합니다.

숫자를 소수점 이하 n자리로 반올림하는 C++ 프로그램 Sep 12, 2023 pm 05:13 PM

숫자를 출력으로 표현하는 것은 어떤 언어로든 프로그램을 작성할 때 흥미롭고 중요한 작업입니다. 정수 유형(짧은, 긴 또는 중간 유형의 데이터)의 경우 숫자를 출력으로 표현하는 것이 쉽습니다. 부동 소수점 숫자(float 또는 double 유형)의 경우 때로는 특정 소수 자릿수로 반올림해야 합니다. 예를 들어 52.24568을 소수점 세 자리로 표현하려면 일부 전처리가 필요합니다. 이 기사에서는 반올림을 통해 부동 소수점 숫자를 특정 소수 자릿수로 표현하는 몇 가지 기술을 소개합니다. 다양한 접근 방식 중에서 C와 유사한 형식 문자열을 사용하고, 정밀도 인수를 사용하고, 수학 라이브러리의 round() 함수를 사용하는 것이 중요합니다. 하나씩 살펴보겠습니다. ~와 함께

JavaScript에서 난수 및 문자열 생성 Sep 02, 2023 am 08:57 AM

난수 또는 영숫자 문자열을 생성하는 기능은 많은 상황에서 유용합니다. 이를 사용하여 게임의 다양한 위치에 적이나 음식을 생성할 수 있습니다. 또한 이를 사용하여 사용자에게 임의의 비밀번호를 제안하거나 파일 이름을 만들어 파일을 저장할 수도 있습니다. 나는 PHP에서 임의의 영숫자 문자열을 생성하는 방법에 대한 튜토리얼을 작성했습니다. 나는 이 게시물의 시작 부분에서 실제로 무작위인 이벤트는 거의 없으며 난수나 문자열 생성에도 동일하게 적용된다고 말했습니다. 이 튜토리얼에서는 JavaScript에서 의사 난수 영숫자 문자열을 생성하는 방법을 보여 드리겠습니다. JavaScript에서 난수 생성하기 난수 생성부터 시작해 보겠습니다. 가장 먼저 떠오르는 메서드는 부동 소수점을 반환하는 Math.random()입니다.

C++를 사용하여 N번째 제곱수가 아닌 숫자를 찾는 코드를 작성하세요. Aug 30, 2023 pm 10:41 PM

우리 모두는 2, 3, 5, 7, 8 등과 같이 어떤 숫자의 제곱도 아닌 숫자를 알고 있습니다. N개의 정사각형이 아닌 숫자가 있으며 모든 숫자를 아는 것은 불가능합니다. 그래서 이 글에서는 제곱이 없는 숫자나 제곱이 아닌 숫자에 대한 모든 것과 C++에서 N번째 제곱이 아닌 숫자를 찾는 방법을 설명할 것입니다. N번째 비제곱수 어떤 숫자가 정수의 제곱인 경우, 그 숫자를 완전제곱수라고 합니다. 완전제곱수의 몇 가지 예는 다음과 같습니다. -1issquareof14issquareof29issquareof316issquareof425issquareof5 숫자가 정수의 제곱이 아닌 경우 해당 숫자를 제곱이 아닌 숫자라고 합니다. 예를 들어, 처음 15개의 정사각형이 아닌 숫자는 -2,3,5,6입니다.

C++를 사용하여 범위 내 어떤 숫자로도 나누어지지 않는 숫자 찾기 Sep 13, 2023 pm 09:21 PM

이 글에서는 2와 10 사이의 어떤 숫자로도 나누어지지 않는 1과 n 사이의 숫자(주어진 숫자)를 찾는 문제에 대해 논의할 것입니다. 몇 가지 예를 통해 이를 이해해 보겠습니다. 입력:num=14Output:3Explanation:나누 수 없는 세 개의 숫자 1,11,13이 있습니다.Input:num=21Output:5Explanation:나누 수 없는 다섯 개의 숫자 1,11,13,17,19가 있습니다. 해결된 경우 간단한 방법입니다.

Java의 숫자(0개의 접두사와 문자열 포함) Aug 29, 2023 pm 01:45 PM

Java의 숫자 Number 클래스는 유형 클래스가 아니라 추상 클래스라는 점을 이해하는 것이 중요합니다. 그 안에는 기능을 정의하는 래퍼 클래스 세트가 있습니다. 이러한 래퍼 클래스에는 Integer, Byte, Double, Short, Float 및 Long이 포함됩니다. 이는 앞서 논의한 것과 동일한 기본 데이터 유형이지만 클래스 명명 규칙을 따르기 위해 대문자 이름을 사용하여 별도의 클래스로 표시됩니다. 컴파일러는 특정 기능이나 프로그램 범위에 필요한 대로 기본 데이터 유형을 객체로 또는 그 반대로 자동으로 변환하며 숫자 클래스는 java.lang 패키지의 일부입니다. 이 프로세스를 오토박싱 및 언박싱이라고 합니다. 숫자 클래스와 그에 상응하는 래퍼 클래스의 추상적 성격을 파악함으로써 다음을 수행할 수 있습니다.

입력창을 클릭했는데 커서가 없으면 어떻게 해야 하나요? Nov 24, 2023 am 09:44 AM

커서 없이 입력 상자를 클릭하는 방법: 1. 입력 상자의 초점을 확인합니다. 2. 브라우저 캐시를 삭제합니다. 4. JavaScript를 사용합니다. 6. 입력을 확인합니다. 7. JavaScript 코드를 디버그합니다. 8. 페이지의 다른 요소를 확인합니다. 9. 브라우저 호환성을 고려합니다.