HTML5 폼 요소

HTML5  폼 요소

 

HTML5에 추가된 폼 요소

요소	설명
datalist	입력창의 옵션 리스트를 정의함
keygen	암호키를 생성해주는 폼
output	연산 결과를 출력함

 

datalist 요소

datalist 요소는 텍스트 박스에 대한 옵션 리스트를 보여줍니다.

형식

<input  type = 타입   name = 이름   list  = datalist  id 값> <datalist  id = id 값>         <option  value = 값1>         <option  value = 값2>         <option  value = 값3>         ....... </datalist>

예제

<input type="text"  name="job"   list="job" > <datalist  id="job">      <option  value = "학생">        <option  value = "회사원">      <option  value = "주부">      <option  value = "무직"> </datalist>

 

keygen 요소

keygen 요소는 사용자들 간에 통신을 할 때 안전하게 데이터를 주고받기 위해 사용합니다.

데이터를 안전하게 주고받기 위해서는 송신자는 데이터를 암호화해서 보내고, 수신자는 해당 데이터를 복호화해서 확인해야 합니다.

keygen 요소는 데이터를 전송할 때 키를 생성하는 역할을 수행합니다.

형식

<keygen  name =  "이름">

예제

keygen : <keygen  name = "security"> <input  type = "submit">

 

output 요소

output 요소는 폼 내의 다양한 값들을 출력할 때 사용합니다.

input 요소의 값이 변하면 onforminput 이벤트가 발생하고, output 요소의 onforminput 속성 값으로 지정한 연산식이 계산되어 결과 값이 출력됩니다.

형식

<output  name =  이름  onforminput = 연산식> </output>

예제

<input  type = "number"  name = "val"> % 7 =  <output  name = "ret"  onforminput ="value=val.value%7"></output>

 

HTML5  폼 요소 실습프로그램