>  기사  >  웹 프론트엔드  >  HTML5 양식(완전히 강력한 기능) 사용법 example_html5 튜토리얼 기술

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

WBOY
WBOY원래의
2016-05-16 15:49:291298검색

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/> ;
시간:

숫자: < ;br/>
월:

주:

범위:

검색:<입력 유형= "search" id ='search'/>

색상:






url:
사용자 이름: >


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

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





코드 복사
코드는 다음과 같습니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.