HTML4에 비해 HTML5의 요소와 기능은 더 높은 수준의 의미적 마크업을 제공하고 스크립트와 스타일로 인해 HTML4에 존재하는 중복 요소를 많이 제거합니다. HTML5 양식 기능은 다양한 웹사이트에서 양식이 보다 일관되게 작동하도록 하고 사용자 입력 데이터에 적시에 응답함으로써 사용자에게 더 나은 경험을 제공합니다. 이러한 경험은 브라우저 스크립팅을 비활성화한 사용자에게도 적용됩니다.
이 항목에서는 Gecko/Firefox4 이상에서 지원되는 몇 가지 새로운 기능이나 변경 사항에 대해 설명합니다.
요소의 유형 속성에는 더 많은 값이 있습니다.
search: 이 요소는 검색 상자를 렌더링합니다. 개행 문자는 입력 값에서 제거되지만 다른 구문 개선 사항은 없습니다.
tel: 이 요소는 전화번호 편집을 위한 입력 컨트롤로 사용할 수 있습니다. 전화번호 국제화 차이가 매우 명백하기 때문에 입력 값에서 개행 문자가 제거되고 기타 구문 개선이 이루어지지 않습니다. 패턴, 최대 길이 등의 속성을 사용하여 컨트롤에 입력되는 값을 제한할 수 있습니다.
url: 이 요소는 URL 편집을 위한 입력 컨트롤을 렌더링합니다. 줄 바꿈과 선행 및 후행 공백은 자동으로 제거됩니다.
email: 이 요소는 이메일 주소를 렌더링합니다. 줄바꿈은 자동으로 제거됩니다. 잘못된 이메일 주소 설정이 가능하지만, 입력 상자의 제약 조건을 충족하는 경우 ABNF(Extended Backus Normal Form)의 사양을 준수해야 합니다: 1( atext / "." ) "@" ldh-str 1( "." ldh-str ) 여기서 atext는 RFC 5322 섹션 3.2.3에 정의되어 있고 ldh-str은 RFC 1034 섹션 3.5에 정의되어 있습니다. .
참고: 다중 속성이 설정된 경우 영역에 여러 개의 이메일을 쉼표로 구분하여 입력할 수 있지만 Firefox에서는 이를 지원하지 않습니다. .
list:
패턴: 컨트롤의 값을 확인하는 데 사용되는 정규식으로, 유형 값이 text, tel, search, url, email인 입력 요소에 적용할 수 있습니다.
form: 이 입력이 속한