HTML5 새로운 양식 요소-HTML 튜토리얼-php.cn

HTML5 새로운 양식 요소

不言

풀어 주다： 2018-05-08 11:09:59

원래의

1394명이 탐색했습니다.

이 글에서는 HTML5의 새로운 양식 요소를 주로 소개하는데, 이제 이를 모든 사람과 공유합니다. 도움이 필요한 친구들이 참고할 수 있습니다

HTML5 요소

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

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

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<title>自选教程(如约智惠.com)</title>
		
	</head>
	<body > 
		<form action="demo-form.php" method="get">
			<input list="browsers" name="browser">
			<datalist id="browsers">
				<option value="Internet Explorer"></option>
				<option value="Firefox"></option>
				<option value="Chrome"></option>
				<option value="Opera"></option>
				<option value="Safari"></option>
			</datalist>
			<input type="submit">
		</form>
		
		<p>
			<strong>注意：</strong>Internet Explorer 9， Safari 不支持 datalist 标签。
		</p>
		
	</body>
</html>

로그인 후 복사

HTML5 요소

요소의 역할은 사용자를 인증하는 신뢰할 수 있는 방법을 제공하는 것입니다.

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

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

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

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<title>自选教程(如约智惠.com)</title>
		
	</head>
	<body > 
		<form action="demo-form.php" method="get">
			用户名：<input list="text" name="usr_name">
			密码：<keygen name="security">
			</datalist>
			<input type="submit">
		</form>
		
		<p>
			<strong>注意：</strong>Internet Explorer 不支持 keygen标签。
		</p>
		
	</body>
</html>

로그인 후 복사

HTML5 요소

요소는 계산 또는 스크립트 출력과 같은 다양한 유형의 출력에 사용됩니다.

HTML5 새 양식 요소

태그

설명
태그는 옵션 목록을 정의합니다. 이 요소를 입력 요소와 함께 사용하여 가능한 입력 값을 정의합니다.
태그는 양식에 사용할 키 쌍 생성기 필드를 지정합니다.
태그는 스크립트 출력과 같은 다양한 유형의 출력을 정의합니다.

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