입력 요소의 값을 확인하는 정규식을 HTML에 추가하는 방법은 무엇입니까?

WBOY
풀어 주다: 2023-08-19 19:33:12
앞으로
620명이 탐색했습니다.

입력 요소의 값을 확인하는 정규식을 HTML에 추가하는 방법은 무엇입니까?

이 글에서 수행할 작업은 HTML에서 입력 요소 값을 확인하는 정규식을 추가하는 방법에 관한 것입니다.

입력 요소의 값을 확인하는 데 사용되는 정규식은 HTML의패턴 속성에 의해 지정됩니다. 텍스트, 비밀번호, 날짜, 검색, 이메일 등 입력 유형이 이 속성과 호환됩니다.

구문

다음은 HTML태그의 패턴 속성 구문입니다.

으아악

HTML에서 입력 요소 값을 확인하는 정규식을 추가하는 방법에 대한 자세한 내용을 보려면 다음 예를 살펴보겠습니다.

type="password"의 경우

태그의 type="password" 속성은 사용자가 비밀번호를 안전하게 입력할 수 있는 텍스트 필드를 생성합니다. 브라우저에 따라 문자는 점("•") 또는 별표( "*").

아래 예에서는 유형이 "password"인요소를 사용합니다.

으아악

위 스크립트가 실행되면 비밀번호 유형의 입력 필드가 생성되고 제출되기 전에 제약 조건을 충족하는지 확인하는 모드가 설정됩니다. 그렇지 않으면 경고 상자가 표시됩니다.

3글자로 제한된 입력 필드의 경우

이 경우에는 사용자가 세 글자만 입력할 수 있도록 입력 필드를 제한했습니다.

다음 사항을 고려하여 숫자나 특수 문자 없이 세 글자로 제한된 입력 필드를 사용하고 있습니다.

으아악

스크립트가 실행되면 "countrycode"라는 이름의 출력과 세 글자로 제한된 제출 버튼이 표시됩니다. 제한을 충족하지 않으면 경고 상자가 표시됩니다.

위 내용은 입력 요소의 값을 확인하는 정규식을 HTML에 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!