HTML5 양식의 새로운 요소는 무엇입니까?-프런트엔드 Q&A-php.cn

HTML5 양식의 새로운 요소는 무엇입니까?

青灯夜游

풀어 주다： 2022-01-23 17:44:49

원래의

4068명이 탐색했습니다.

html5 양식의 새로운 요소는 다음과 같습니다. 1. 입력 컨트롤의 사전 정의된 옵션을 정의할 수 있는 "" 태그 요소(사용됨) 3. "" 태그 요소는 계산 결과를 정의할 수 있습니다.

HTML5 양식의 새로운 요소는 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

HTML5 양식 새 요소

태그	설명
	입력 컨트롤의 사전 정의된 옵션을 정의합니다.
	키 쌍 생성기 필드를 정의합니다(양식용).
	계산 결과를 정의합니다.

1. 태그

태그는

태그는 요소에 "자동 완성" 기능을 제공하는 데 사용됩니다. 사용자는 사용자의 입력 데이터 역할을 할 사전 정의된 옵션이 포함된 드롭다운 목록을 보게 됩니다.

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

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
	
<form action="#" method="get">
<input list="browsers" name="browser">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
<input type="submit">
</form>

</body>
</html>

로그인 후 복사

HTML5 양식의 새로운 요소는 무엇입니까?

2. 태그

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

양식이 제출되면 개인 키는 로컬에 저장되고 공개 키는 서버로 전송됩니다.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>

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

</body>
</html>

로그인 후 복사

HTML5 양식의 새로운 요소는 무엇입니까?

3. 태그

태그는 계산 결과 출력(예: 스크립트 실행 결과)으로 표시됩니다.

<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 양식의 새로운 요소는 무엇입니까?