HTML5에서는 많은 양의 요소와 속성을 추가하면서 다음에 제출 중에 양식의 새로운 요소의 컨텐츠 유효성 검증을 확인하기 위해 많은 수의 기능을 추가합니다.
HTML5에서는 요소의 속성을 사용하는 방법이 양식의 형식으로 자동 검증의 기능에 의해 구현 될 수 있습니다.
<! > <입력 유형 = 텍스트 이름 = 텍스트 필수 패턴 =^/w.*$> <입력 유형 = 제출 값 = 제출> </form> </body> </html>
다음으로 HTML5의 HTML5에서 입력 컨텐츠의 내용을 제한하는 속성의 사양을 살펴 보겠습니다.
1. required 속성
HTML5의 최신 속성은 대부분의 입력 요소에 적용될 수 있습니다 (숨겨진 요소, 그림 요소 버튼 제외). 제출할 때 요소의 내용이 비어있는 경우. 제출할 수없는 경우 정보 프롬프트 텍스트가 브라우저에 표시되어 사용자 가이 요소의 컨텐츠를 입력하라는 메시지가 표시되면 효과는 그림에 표시됩니다.
2. 패턴 속성
이메일, 번호, URL 등과 같이 앞에서 언급 한 새로 추가 된 입력 요소는 입력 컨텐츠를 특정 형식을 충족시키고 입력 요소에 패턴 속성을 사용하며 속성 값을 특정 형식의 정규 표현식으로 설정합니다. 제출시 콘텐츠가 형식과 일치하는지 확인합니다. 입력의 내용이 형식을 충족하지 않으면 제출물이 동시에 허용되지 않습니다
<! doctype html> <html lang = en> <gead> <meta charset = utf-8> <title> 양식 확인 예 </title> </head> <body> <양식 action =# method = post> 입력하십시오 콘텐츠 지정 : <입력 패턴 = [0-9] [az] {3} name = part placeholder = 입력 : 숫자 3 개의 자본 문자> <입력 유형 = 제출 값 = 제출> </form> </body> < /html>실행 효과는 다음과 같습니다.
3. 속성 및 최대 속성을 분명합니다
Min과 Max의 두 가지 속성은 날짜 또는 숫자 유형의 입력 요소의 특수 속성입니다.
<! doctype html> <html lang = en> <gead> <meta charset = utf-8> <title> 양식 확인 예 </title> </head> <body> <양식 action =# method = post> 입력하십시오 값 : <입력 유형 = 번호 이름 = 포인트 min = 0 max = 100/> <입력 유형 = 제출 값 = 제출> </form> </body> </html>
실행 효과는 다음과 같습니다.
4. 속성
스텝 속성은 입력 요소의 값을 제어하여 감소 할 때 단계를 증가시킵니다. 예를 들어, 사용자의 값이 0에서 100 사이에 입력되기를 원하지만 5의 배수 여야하는 경우 단계가 5이고 코드는 다음과 같습니다.
<! doctype html> <html lang = en> <head> <meta charset = utf-8> <title> 양식 검증 예 </title> </head> <blate> <form action =# method = get> <입력 > <입력> 유형 = 번호 이름 = 포인트 단계 = 5/> <입력 유형 = 제출/> </body> </html>
효과는 다음과 같습니다.
이러한 형태의 새로운 속성에 대해 더 깊이 이해할 수 있기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨주세요. Xiaobian은 모든 사람에게 제 시간에 답장을 드리겠습니다. VEVB WULIN 웹 사이트를 지원해 주셔서 대단히 감사합니다!