HTML5 항목 숙달에 대 한: HTML5 폼 요소

HTML 5에 대 한 새로운 폼 요소:

HTML 5는 여러 요소와 폼을 포함 하는 특성을 소유한 다.

이 장에서 다음과 같은 새로운 폼 요소를 설명 합니다.

DataList
Keygen
출력

브라우저 지원

DataList 요소

DataList 요소 입력된 필드에 대 한 옵션의 목록을 설정합니다.

목록 옵션 요소 DataList 내에서 만들어집니다.

DataList 입력된 필드에 바인딩할 DataList ID 입력된 필드의 목록 속성를 참조 하십시오.

인스턴스

웹 페이지: < 입력 유형 = "url" 목록 = "url_list" 이름 = "링크" / >
< datalist id = "Url_list" >
< 옵션 레이블 = "W3school" 값 = "http://www.W3School.com.cn" / >
< 옵션 레이블 = "Google" 값 = "http://www.google.com" / >
< 옵션 레이블 = "Microsoft" 값 = "http://www.microsoft.com" / >
< / datalist >

스스로 그것을 시도, 코드는 다음과 같습니다.

<! DOCTYPE html >
< html >
< 몸 >
< 행동 양식 = "/ 예/html 5/demo_form.asp" 메서드 "Get" = >
웹 페이지: < 입력 유형 = "url" 목록 = "url_list" 이름 = "링크" / >
< datalist id = "Url_list" >
< 옵션 레이블 = "W3school" 값 = "http://www.w3school.com.cn" / >
< 옵션 레이블 = "Google" 값 = "http://www.google.com" / >
< 옵션 레이블 = "Microsoft" 값 = "http://www.microsoft.com" / >
< / datalist >
< 입력 유형 = "제출" / >
</양식 >
</바디 >
< / html >

팁: 옵션 요소 항상 Value 속성을 설정합니다.