HTML5의 새로운 양식 요소(datalist/keygen/output) 사용 소개_html5 튜토리얼 기술

HTML5에는 양식과 관련된 여러 요소와 속성이 있습니다.

이 장에서는 다음과 같은 새로운 양식 요소를 소개합니다.

•datalist
•keygen
•output

브라우저 지원

Input type	IE	Firefox	Opera	Chrome	Safari
datalist	No	No	9.5	No	No
keygen	No	No	10.5	3.0	No
output	No	No	9.5	No	No

datalist 요소

datalist 요소는 입력 필드에 대한 옵션 목록을 지정합니다.
목록은 데이터 목록 내의 옵션 요소를 통해 생성됩니다.
데이터 목록을 입력 필드에 바인딩해야 하는 경우 입력 필드의 목록 속성을 사용하여 데이터 목록의 ID를 참조하세요.

인스턴스

코드 복사

코드는 다음과 같습니다.

웹페이지:

직접 시도해 보세요

팁: 옵션 요소는 항상 값을 설정해야 합니다. 기인하다.

keygen 요소

keygen 요소의 목적은 신뢰할 수 있는 사용자 인증 방법을 제공하는 것입니다.
keygen 요소는 키 쌍 ​​생성기입니다. 양식이 제출되면 두 개의 키가 생성됩니다. 하나는 개인 키이고 다른 하나는 공개 키입니다.

개인키는 클라이언트에 저장되고, 공개키는 서버로 전송됩니다. 공개 키는 나중에 사용자의 클라이언트 인증서를 확인하는 데 사용될 수 있습니다.

현재 이 요소에 대한 브라우저 지원은 유용한 보안 표준이 될 만큼 열악합니다.
예제

코드 복사

코드는 다음과 같습니다.

사용자 이름: 암호화:

직접 시도해 보세요 🎜>
출력 요소
출력 요소는 계산 또는 스크립트 출력과 같은 다양한 유형의 출력에 사용됩니다.

인스턴스

코드 복사코드는 다음과 같습니다.

< ;/output>