HTML5의 새로운 양식 요소 사용과 실용적인 튜토리얼 요약

HTML5 새 양식 요소

HTML5에는 다음과 같은 새 양식 요소가 있습니다.

참고: 모든 브라우저가 새로운 HTML5 양식 요소를 지원하는 것은 아니지만 사용할 수 있습니다. 브라우저가 양식 속성을 지원하지 않더라도 여전히 일반 양식 요소로 표시될 수 있습니다.

HTML5

요소의 목록 속성을 사용하여

Instance

<input> 元素使用<datalist>预定义值:
<input list="browsers"><datalist id="browsers">  <option value="Internet Explorer">  <option value="Firefox">  <option value="Chrome">  <option value="Opera">  <option value="Safari"></datalist>

HTML5 요소

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

태그는 양식에 사용할 키 쌍 생성기 필드를 지정합니다.

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

개인키는 클라이언트에 저장되고, 공개키는 서버로 전송됩니다. 공개 키는 나중에 사용자의 클라이언트 인증서(클라이언트 인증서ificate)를 확인하는 데 사용될 수 있습니다.

예

keygen 필드가 있는 양식:

<form action="demo_keygen.asp" method="get">用户名: <input type="text" name="usr_name">加密: <keygen name="security"><input type="submit"></form>

HTML5

요소

예: 계산 또는 스크립트 출력:

Instance

는

요소에 계산 결과를 표시합니다.

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0<input type="range" id="a" value="50">100 +<input type="number" id="b" value="50">=<output name="x" for="a b"></output></form>

HTML5 새 양식 요소

< ; datalist>: 태그는 옵션 목록을 정의합니다. 이 요소를 입력 요소와 함께 사용하여 가능한 입력 값을 정의합니다.

: 태그는 양식에 사용할 키 쌍 생성기 필드를 지정합니다.

:

태그는 스크립트 출력과 같은 다양한 유형의 출력을 정의합니다.

【관련 추천】

1. 특별 추천: "php Programmer Toolbox" V0.1 버전 다운로드

2. 무료 h5 온라인 동영상 튜토리얼

3. php.cn 원본 html5 동영상 튜토리얼

위 내용은 HTML5의 새로운 양식 요소 사용과 실용적인 튜토리얼 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!