HTML5 양식 요소

HTML5는 다음 양식 요소를 추가했습니다.

<datalist>

<keygen>

<출력>

참고 : 브라우저는 알 수없는 요소를 표시하지 않습니다. 구형 브라우저에서 지원되지 않는 새로운 요소는 웹 페이지를 "파괴"하지 않습니다.

HTML5 <datalist> 요소

<datalist> 요소는 <input> 요소에 대해 미리 정의 된 옵션 목록을 지정합니다.

사용자는 데이터를 입력 할 때 사전 정의 된 옵션의 드롭 다운 목록을 볼 수 있습니다.

<input> 요소의 목록 속성은 <datalist> 요소의 id 특성을 참조해야합니다.

OperaSafariChromeFirefoxInternet Explorer

예

<form action = "action_page.php">

  <입력 목록 = "브라우저">

  <datalist id = "browsers">

    <option value = "Internet Explorer">

    <option value = "Firefox">

    <option value = "Chrome">

    <option value = "Opera">

    <option value = "Safari">

  </ datalist>

</ form>

HTML5 <keygen> 요소

<keygen> 요소의 목적은 사용자를 인증하는 안전한 방법을 제공하는 것입니다.

<keygen> 요소는 양식에서 키 쌍 생성기 필드를 지정합니다.

양식이 제출되면 두 개의 키가 생성되고 하나는 개인 키이고 다른 하나는 공개 키입니다.

개인 키는 로컬에 저장되고 공개 키는 서버로 전송됩니다.

공개 키는 앞으로 사용자를 인증하기 위해 클라이언트 인증서를 생성하는 데 사용될 수 있습니다.

OperaSafariChromeFirefoxInternet Explorer

예

keygen 필드가있는 양식 :

<form action = "action_page.php">

  사용자 이름 : <input type = "text"name = "user">

  암호화 : <keygen name = "security">

  <input type = "submit">

</ form>

HTML5 <output> 요소

<output> 요소는 계산 결과 (예 : 스크립트에 의해 수행 된 것)를 나타냅니다.

OperaSafariChromeFirefoxInternet Explorer

예

계산을 수행하고 결과를 <output> 요소에 표시합니다.

<form action = "action_page.php"

  oninput = "x.value = parseInt (a.value) + parseInt (b.value)">

  0

  <input type = "range"id = "a"name = "a"value = "50">

  100 +

  <input type = "number"id = "b"name = "b"value = "50">

  =

  <output name = "x"for = "a b"> </ output>

  <br> <br>

  <input type = "submit">

</ form>