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

집

웹 프론트엔드

HTML 튜토리얼

HTML5 새로운 양식 요소

不言

May 08, 2018 am 11:09 AM

h5 html5 형태

이 글에서는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.