HTML5 양식(완전히 강력한 기능) 사용법 example_html5 튜토리얼 기술

1. 이메일 자동 확인에는 type="email"만 필요합니다
2. 날짜 확인(년, 월, 일): type="date"
시간 확인(형식: 00:00): type= "time"
4. 숫자 확인(위 또는 아래로 합산 가능) type="number"
5. 월(--year--month) type="month"
6. 주( --year--week) 유형="주"
7. 범위(범위 0-100) 유형="범위"
8. 검색 유형="검색"
9. type="color"
10. URL 확인(http://---가 선행되어야 함) type="url"

코드 복사

코드는 다음과 같습니다.

:

날짜:시간:

숫자: < ;br/>
월:

주:

범위：

검색：

색상:

url:
사용자 이름: >


html 새 양식 속성

1. 확인을 위해 필수="required"가 필요합니다.
2. placeholder="사용자 이름을 입력하세요." 기본값, 사용자는 서버에 제출되는 것이 아닙니다3. 사용자 친화성을 높이기 위한 자동 초점 기능4.pattern='w{5}' html 요소에 정규식을 입력합니다
양식은 양식 외부에서도 제출할 수 있지만 의 form="Myform"은 양식 양식의 ID 값과 동일해야 합니다. 즉,

자동 채우기 양식: (드롭다운 목록보다 효과가 훨씬 좋고 효과도 꽤 좋습니다.) 목록의 값은 해당 값과 같아야 합니다. 콘텐츠를 표시하려는 것을 인식할 수 있도록 데이터 목록의 ID:





코드 복사

코드는 다음과 같습니다.