HTML5 새로운 테이블 장치 요소
HTML5에는 다음의 새로운 테이블 요소가 있습니다.
st <datalist>
en <keygen>
t <output>
참고 : 모든 브라우저가 HTML5의 새로운 테이블 장치 요소를 지원하는 것은 아니지만 브라우저가 형식 속성을 지원하지 않더라도 기존 테이블 요소로 표시 할 수 있습니다.
html5 <datalist> 요소<datalist> 요소 입력 도메인의 옵션 목록을 지정합니다.
<datalist> 속성은 해당 양식 또는 입력 도메인에 자동 완료 기능이 있어야합니다. 도메인의 자동 완료에서 사용자가 입력을 시작하면 브라우저는이 도메인에 채워진 옵션을 표시해야합니다.
<input> 요소의 목록 속성을 사용하여 <datalist> 요소를 바인딩하십시오.
<! doctype html> <html> <body> <양식 action = demof.php method = get> <입력 목록 = 브라우저> <datalist id = browsers> <옵션 값 = 옵션 값 = 옵션 값 = Firefox> <옵션 값 = chrome> <옵션 값 = Opera> <옵션 값 = Safari> </datalist> <입력 유형 = 제출> </form> <p> </strong> Internet Explorer 9 (이전 IE 버전), Safari는 Datalist 태그를 지원하지 않습니다. </p> </body> </html>html5 <keygen> 요소
<keygen> 요소의 역할은 사용자를 확인하기위한 신뢰할 수있는 방법을 제공하는 것입니다.
<keygen> 레이블은 양식의 발전기 필드의 키 쌍을 지정합니다.
양식이 제출되면 두 개의 키가 생성되며, 하나는 개인 키이고 다른 하나는 공개 키입니다.
개인 키는 클라이언트에 저장되며 공개 키는 서버로 전송됩니다. 공개 키는 나중에 사용자의 클라이언트 인증서를 확인하는 데 사용될 수 있습니다.
<! doctype html> <html> <body> <양식 action = demo_keygen.php method = get> username : <입력 유형 = 텍스트 이름 = usr_name> 암호화 > <p> <strong> 참고 : </strong> Internet Explorer는 KeyGen 태그를 지원하지 않습니다. </p> </body> </html>html5 <output> 요소
<output> 요소는 계산 또는 스크립트 출력과 같은 다양한 유형의 출력에 사용됩니다.
<doctype html> <html> <body> <form oninput = x.value = parseint (A. value)+ parseint (b.value)> 0 <입력 유형 = 범위 ID = 50> 100+ <입력 유형 = 숫자 id = b value = 50> = <output name = x for = a b> </output> </form> <p> <strong> 참고 : </strong> 인터넷 익스플로러는 출력 태그를 지원하지 않습니다. </p> </body> </html>
HTML5 새로운 테이블 장치 요소
위는이 기사의 모든 내용입니다.