HTML5 양식 요소

새로운 HTML5 양식 요소

다음과 같은 새로운 HTML5 양식 요소 :

• <데이터 목록>
• <Keygen은>
• <출력>

모든 브라우저가 새로운 HTML5 양식 요소를 지원하지만 양식 속성을 지원하지 않는 브라우저는 여전히 일반 양식 요소로 나타날 수있는 경우에도 당신은 그들을사용할 수 있습니다.

HTML5 <DataList에> 요소

<데이터 목록> 요소는 입력 필드 옵션의 목록을 지정합니다.

<데이터 목록> 속성은 폼 또는 입력 필드 자동 완성이 있어야 지정합니다. 사용자가 자동 ​​완성 필드에 입력을 시작하면 브라우저는이 필드에 입력 할 수있는 옵션이 표시되어야합니다 :

사용 <입력>을 속성의 목록과 <DataList에> 요소의 결합 요소입니다.

예

<입력> 요소는 <DataList에> 미리 정의 된 값을 사용합니다 :

<입력 목록 = "브라우저"> <데이터 목록 ID = "브라우저"> <옵션 값 = "인터넷 익스플로러"> <옵션 값 = "파이어 폭스"> <옵션 값 = "크롬"> <옵션 값 = "오페라"> <옵션 값 = "사파리"> </ 데이터 목록>

»시도

HTML5 <Keygen은> 요소

역할 <Keygen은> 요소는 사용자를 인증하는 신뢰할 수있는 방법을 제공하는 것이다.

<Keygen은> 태그는 소정의 키 쌍 생성기 필드를 형성하기 위해 사용된다.

양식을 제출하면 두 개의 키, 한 개인, 한 대중을 생성합니다.

개인 키 (개인 키) 클라이언트에 저장된은 공개 키 (공개 키)를 서버에 보내졌다. 공개 키 인증서는 클라이언트 (클라이언트 인증서) 후 사용자를 인증하기 위해 사용될 수있다.

예

Keygen은 필드 양식 :

<양식 행동 = "demo_keygen.asp" 방법 = "GET"> 이름 : <입력 유형 = "텍스트" = "usr_name"> 암호화 이름 : <Keygen은 = "보안"의 이름> <입력 > = "제출"을 입력 </ FORM>

»시도

HTML5 <출력> 요소

<출력> 요소는 그러한 계산이나 스크립트 출력으로서 출력의 종류, 사용된다 :

예

결과는 <출력> 요소에 나타납니다 :

<양식 oninput = "x.value =에서는 parseInt (a.value ) +에서는 parseInt (b.value)"> 0 <입력 유형 = "범위" ID = "A" 값 = "50"> 100 + <입력 유형 = "수" ID = "B" 값 = "50"> = < 출력 = 'x'를 이름 = "AB"> </ 대한 출력> </ FORM>

»시도

HTML5의 새로운 양식 요소