양식에 공개 키를 추가하세요
76%
tag
HTML5 의미 체계 태그를 지원하지 않는 IE6-8과 같은 브라우저의 경우 다음을 수행할 수 있습니다. 자바스크립트를 사용하여 다음과 같이 문제를 해결하세요.
페이지 헤더에 추가:
<script></p>
<p>document.createElement(“header”);</p>
<p>document.createElement(“nav”);</p>
<p>document. createElement("footer");</p>
<p>......</p>
<p></script>
Style
HTML5 시맨틱 태그는 IE6-8에서 js로 생성한 후에는 기본 스타일이 없거나 표시이므로 스타일 시트에서 이러한 태그에 대한 기본 표시를 정의해야 합니다
새 입력 제어
email: 이메일 텍스트 상자, 일반 텍스트 상자와 다르지 않음 입력이 이메일이 아닌 경우 확인이 불가능합니다. 이동을 전달합니다. 터미널의 키보드가 변경됩니다
tel: 전화번호
url: 웹페이지의 URL
search: 검색 엔진 크롬에 텍스트를 입력한 후 추가로 닫힌 X
range: 값 선택기가 나타납니다. 특정 범위 min, max, step(단계 수) 예: JS를 사용하여 현재 값 표시
새 입력 제어_2
number: 숫자만 포함할 수 있는 입력 상자
color: 색상 선택기
datetime: 전체 날짜 표시
datetime-local: 시간대 없이 전체 날짜 표시
time: 시간대 없이 시간 표시
date: 날짜 표시
week: 주 표시
month: 월 표시
새로운 양식 기능 및 기능
자리 표시자: 입력 상자 프롬프트 정보 예: 웨이보의 비밀번호 상자 프롬프트
autocomplete: 사용자 입력 값을 저장할지 여부는 기본적으로 켜져 있으며 프롬프트를 닫고 끄기를 선택합니다
autofocus: 입력 포커스를 얻을 수 있는 양식을 지정합니다
list 및 datalist: 입력 상자 구성 선택 목록 목록 값은 데이터 목록 태그의 ID입니다
required: 이 항목은 필수이며 비워둘 수 없습니다
Pattern: 일반 확인 패턴="d{1,5}"
Form 유효성 검사
validity 개체는 다음 유효성 검사를 통해 확인이 모두 통과되었는지 확인할 수 있습니다. 한 가지 확인이 실패하면 false를 반환합니다.
typeMismatch: 컨트롤 값은 다음과 같습니다. 예상 유형과 일치하지 않음
patternMismatch: 입력 값이 패턴 규칙성을 충족하지 않습니다
tooLong: maxLength 최대 제한을 초과합니다
rangeUnderflow: 확인된 최소 범위 값
rangeOverflow: 확인된 범위 최대 값
stepMismatch: 확인 범위의 현재 값이 최소, 최대 및 단계 규칙을 준수하는지 여부
customError가 사용자 정의 유효성 검사를 준수하지 않음
setCustomValidity(); 사용자 정의 유효성 검사
잘못된 이벤트: 유효성 검사 피드백
input.addEventListener('invalid ', fn,false)
기본 확인 방지: ev.preventDefault()
formnovalidate 속성: 확인 끄기
Formaction submit에서 제출 주소를 정의
위 내용은 Html5 시맨틱 태그 및 호환성 처리에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
( 대체가 없음에 유의하세요)
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
