Maison  >  Article  >  interface Web  >  Nouveaux éléments de formulaire HTML5

Nouveaux éléments de formulaire HTML5

不言
不言original
2018-05-08 11:09:591337parcourir

Cet article présente principalement les nouveaux éléments de formulaire HTML5, qui ont une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer

HTML5 4d08328333f5f626afe9f3f2946013ea spécifie la liste d'options du champ de saisie

L'attribut fc86e7b705049fc9d4fccc89a2e80ee3 que le formulaire ou le champ de saisie doit avoir une fonction de saisie semi-automatique. Lorsque l'utilisateur commence à saisir dans le champ de saisie semi-automatique, le navigateur doit afficher les options renseignées dans le champ

Utilisez l'attribut list de l'élément d5fd7aea971a85678ba271703566ebfd élément Reliure.

<!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>


Élément HTML5 aa983b9eb8086376f1f6481364a02e5a >

Le but de l'élément aa983b9eb8086376f1f6481364a02e5a est de fournir un moyen fiable d'authentifier l'utilisateur.

La balise aa983b9eb8086376f1f6481364a02e5a spécifie le champ générateur de paire de clés à utiliser dans le formulaire.

Lorsque le formulaire est soumis, deux clés seront générées, l'une est la clé privée et l'autre est la clé publique.

La clé privée est stockée sur le client, et la clé publique est envoyée au serveur. La clé publique peut être utilisée ultérieurement pour vérifier le certificat client de l'utilisateur.

<!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>


Élément HTML5 be6d67dae90cc1ad6469079e163d0939 > L'élément be6d67dae90cc1ad6469079e163d0939 est utilisé pour différents types de sortie, tels que des calculs ou des sorties de script :

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<title>自选教程(如约智惠.com)</title>
		
	</head>
	<body > 
		<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>
		
		<p>
			<strong>注意:</strong>Internet Explorer 不支持 output 标签。
		</p>
		
	</body>
</html>


Nouvel élément de formulaire HTML5

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:HTML5 nouveau type d'entréeArticle suivant:HTML5 nouveau type d'entrée