Wulin.com의 기사 소개 (www.vevb.com) : HTML5 자습서 : 양식 자동 검증.
1. 필수 속성 :
<양식>
<input id = webjx_required name = webjx.com 필수 유형 = 텍스트/>
<입력 유형 = 제출 값 = 제출/
</form>
필요한 속성은 대부분의 입력 요소 (숨겨진 요소, 이미지 요소 버튼 등)에서 사용할 수 있습니다.
필요한 속성은이 입력 상자가 필요한 항목임을 나타냅니다. 제출할 때이 입력 상자가 비어 있으면 사용자에게 입력 및 제출하라는 메시지가 표시됩니다.
<양식>
<input id = webjx_required name = webjx.com 필수 유형 = 텍스트/>
<입력 유형 = 제출 값 = 제출/
< /form>
2. 패턴 속성 :
<양식>
<input id = webjx_pattern name = webjx.com 필수 패턴 =/d {3} type = text/
<입력 유형 = 제출 값 = 제출/
</form>
패턴 속성의 값은 일반적으로 정규식입니다. 사용자가 입력 한 콘텐츠가 특정 형식을 충족 할 때만 제출할 수 있습니다. 그렇지 않으면 사용자가 요구 사항을 충족하지 않도록 프롬프트됩니다. 위에서 볼 수 있듯이 3 자리를 입력해야합니다.
지금 실행 :
<양식>
<input id = webjx_pattern name = webjx.com 필수 패턴 =/d {3} type = text/
<입력 유형 = 제출 값 = 제출/
< /form>
3. 최소 속성 및 최대 속성 :
<양식>
<input id = webjx_min_max name = webjx.com 필수 min = 3 max = 16 type = number/>
<입력 유형 = 제출 값 = 제출/
</form>
두 가지 속성 Min과 Max는 숫자 유형 또는 일일 기반 유형의 입력 요소의 독점적 속성입니다. 입력 요소에 입력 된 값 및 날짜 범위를 제한합니다. 속성 값은 숫자입니다.
지금 실행 :
<양식>
<input id = webjx_min_max name = webjx.com 필수 min = 3 max = 16 type = number/>
<입력 유형 = 제출 값 = 제출/
< /form>
4. 단계 속성 :
<양식>
<input id = webjx_step name = webjx.com 필수 단계 = 10 분 = 0 max = 100 type = number/>
<입력 유형 = 제출 값 = 제출/
</form>
단계 속성은 입력 요소의 값의 증가 또는 감소를 제어합니다. 예를 들어, 사용자가 0-100 사이의 값을 입력하기를 원하지만 위 코드와 같이 10의 배수 여야합니다. 아래 코드와 같이 아래를 클릭하여 효과를 확인하십시오.
지금 실행 :
<양식>
<input id = webjx_step name = webjx.com 필수 단계 = 10 분 = 0 max = 100 type = number/>
<입력 유형 = 제출 값 = 제출/
< /form>