HTML5 양식 요소 예 설명

零下一度
풀어 주다: 2017-05-15 10:57:57
원래의
1826명이 탐색했습니다.

HTML5 새 양식 요소

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

< ;

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

HTML5 요소

요소는 입력 필드에 대한 옵션 목록을 지정합니다.

속성은 양식 또는 입력 필드에 자동 완성 기능이 있어야 함을 지정합니다. 사용자가 자동 ​​완성 필드에 입력을 시작하면 브라우저는 해당 필드에 채워진 옵션을 표시해야 합니다.

요소의 목록 속성을 사용하여 요소를 바인딩합니다.

요소는 사전 정의된

<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>
로그인 후 복사

[관련 권장 사항]

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

무료 h5 온라인 비디오 튜토리얼

3. php.cn 원본 html5 비디오 튜토리얼

위 내용은 HTML5 양식 요소 예 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿