<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>HTML5新的表单元素</title>
<script type="text/javascript">
</script>
<style type="text/css">
</style>
</head>
<body>
<!--当提交表单时,会生成两个键,一个是私钥,一个公钥。
私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。
公钥可用于之后验证用户的客户端证书(client certificate)-->
<div>
<form action="HTML5新的表单元素.html" method="get">
用户名: <input type="text" name="usr_name"><br><br>
加密: <keygen name="security"><br><br>
<input type="submit">
</form>
</div><br><br>
<!--<output> 元素用于不同类型的输出,比如计算或脚本输出-->
<div>
<form οninput="x.value=parseInt(a.value)+parseInt(b.value)">
0<input type="range" id="a" value="50">100 +<br><br>
<input type="number" id="b" value="50">=
<output name="x" for="a b"></output><br><br>
</form>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5新的表单元素</title>
<script type="text/javascript">
</script>
<style type="text/css">
</style>
</head>
<body>
<!--当提交表单时,会生成两个键,一个是私钥,一个公钥。
私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。
公钥可用于之后验证用户的客户端证书(client certificate)-->
<div>
<form action="HTML5新的表单元素.html" method="get">
用户名: <input type="text" name="usr_name"><br><br>
加密: <keygen name="security"><br><br>
<input type="submit">
</form>
</div><br><br>
<!--<output> 元素用于不同类型的输出,比如计算或脚本输出-->
<div>
<form οninput="x.value=parseInt(a.value)+parseInt(b.value)">
0<input type="range" id="a" value="50">100 +<br><br>
<input type="number" id="b" value="50">=
<output name="x" for="a b"></output><br><br>
</form>
</div>
</body>
</html>