의견 : HTML5에는 양식과 관련된 몇 가지 요소와 속성이 있습니다. 다음은 새로운 형태의 요소, 데이터리스트 요소, 키겐 요소, 출력 요소 및 사용 예제입니다. 관심있는 친구들이 그것을 언급 할 수 있습니다. 나는 그것이 당신에게 도움이되기를 바랍니다.
HTML5에는 양식과 관련된 몇 가지 요소와 속성이 있습니다.
이 장에서는 다음과 같은 새로운 양식 요소를 소개합니다.
• Datalist
• keygen
•산출
브라우저 지원
입력 타입 Foxoperachromesafari
Datalistnono9.5Nono
keygennono10.53.0no
Outputnono9.5Nono
데이터주의 요소
Datalist 요소는 입력 필드에 대한 옵션 목록을 지정합니다.
목록은 데이터리스트의 옵션 요소로 작성됩니다.
입력 도메인에 Datalist를 바인딩하려면 입력 도메인의 목록 속성을 사용하여 Datalist의 ID를 참조하십시오.
예
웹 페이지 : <입력 유형 = "url"list = "url_list" />
<Datalist>
<옵션 레이블 = "W3School"value = "http://www.w3school.com.cn"/>
<옵션 레이블 = "Google"value = "http://www.google.com"/>
<옵션 레이블 = "Microsoft"value = "http://www.microsoft.com"/>
</datalist>
직접 시도하십시오
팁 : 옵션 요소는 항상 값 속성을 설정해야합니다.
keygen 요소
KeyGen 요소의 기능은 사용자를 확인하는 신뢰할 수있는 방법을 제공하는 것입니다.
KeyGen 요소는 키 페어 생성기입니다. 양식을 제출할 때 두 개의 키가 생성됩니다. 하나는 개인 키이고 다른 하나는 공개 키입니다.
개인 키는 클라이언트에 저장되며 공개 키는 서버로 전송됩니다. 공개 키는 나중에 사용자의 클라이언트 인증서를 확인하는 데 사용될 수 있습니다.
현재이 요소에 대한 브라우저의 지원은 유용한 보안 표준으로 만들기에 충분하지 않습니다.
예
<form action = "demo_form.asp"method = "get">
사용자 이름 : <입력 유형 = "텍스트" />
암호화 : <keygen />
<입력 유형 = "제출" />
</form>
직접 시도하십시오
출력 요소
출력 요소는 계산 또는 스크립트 출력과 같은 다양한 유형의 출력에 사용됩니다.
예
<output onforminput = "rescalc ()"> </output>