html5 양식의 새로운 요소는 다음과 같습니다. 1. 입력 컨트롤의 사전 정의된 옵션을 정의할 수 있는 "
이 튜토리얼의 운영 환경: 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>
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>
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>
관련 추천: "html 비디오 튜토리얼"
위 내용은 HTML5 양식의 새로운 요소는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!