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

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

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

구문

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

으아악

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

type="password"의 경우

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

예

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

으아악

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

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

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

예

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

으아악

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

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