Html5中新增的表单元素详解

HTML5 的新的表单元素：

HTML5 拥有若干涉及表单的元素和属性。

•datalist

•keygen

•output

datalist 元素

datalist 元素规定输入域的选项列表。列表是通过 datalist 内的 option 元素创建的。如需把 datalist 绑定到输入域，请用输入域的 list 属性引用 datalist 的 id：

实例

Webpage: <input type="url" list="url_list" name="link" />

</datalist>

提示：option 元素永远都要设置 value 属性。

keygen 元素

keygen 元素的作用是提供一种验证用户的可靠方法。keygen 元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。

目前，浏览器对此元素的糟糕的支持度不足以使其成为一种有用的安全标准。

实例

Username: <input type="text" name="usr_name" />

Encryption: <keygen name="security" />

</form>

output 元素

output 元素用于不同类型的输出，比如计算或脚本输出：

实例

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function resCalc()
{
numA=document.getElementById("num_a").value;
numB=document.getElementById("num_b").value;
document.getElementById("result").value=Number(numA) Number(numB);
}
</script>
</head>
<body>
<p>使用 output 元素的简易计算器：</p>
<form οnsubmit="return false">
<input id="num_a" />
<input id="num_b" /> =
<output id="result" onforminput="resCalc()"></output>
</form>

</body>
</html>

Html5中新增的表单元素详解相关推荐

HTML5中新增的表单元素[智能表单]
[HTML5 智能表单] H5新增input的form属性,用于指向特定form表单的id,实现input无需放在form标签之中,即可通过表单进行提交. <FORM id=foo> - ...
html中表单元素中的单选框,Html表单元素及表单元素详解
大纲 1.认识表单 2.认识表单元素 3.表单元素的分类 4.表单元素--文本框 5.表单元素button 6.表单元素--单选.多选 7.表单元素--select 8.表单元素--textarea ...
泛微oa明细表添加按钮_泛微OA 新增能：表单建模详解.doc
泛微OA 新增能:表单建模详解 Weaver Software中国上海耀华支路39弄9号(通耀路济明路路口) Weaver Software 中国上海耀华支路39弄9号(通耀路济明路路口) 邮政编码: ...
ios php 表单提交图片上传,axios发送post请求提交图片表单步骤详解
这次给大家带来axios发送post请求提交图片表单步骤详解,axios发送post请求提交图片表单的注意事项有哪些,下面就是实战案例,一起来看一下. DOME 接口const userUploadA ...
Python精讲：在Python中添加和删除集合元素详解
欢迎你来到站长在线的站长学堂学习Python知识,本文学习的是<在Python中添加和删除集合元素详解>.本知识点主要讲的是添加和删除元素,包括:在Python中向集合里面添加元素可以使用 ...
HTML5中的智能表单
新增类型在html5中给表单新添加了一些类型 ,大致可以分为以下几种: 数字类型跟数字强相关的类型,其中number.range在移动端开发时,会弹出数字键盘,而range是一个范围滑动块. &l ...
php form表单概念详解
PHP表单元素介绍之输入域标记 <input> 输入域标记 <input> 输入域标记 <input> 是表单中最常用的标记之一.常用的输入域标记 <inpu ...
HTML一些常用的表单元素,表单元素-HTML中常用的表单元素
HTML中常用的表单元素有datalist.keygen.output. 1.datalist datalist元素规定输入域的选项列表.列表通过datalist内的option元素创建的. 如需把d ...
新增的表单元素结构伪类选择器
 <form action=""><ul><li>邮箱: <input ...

Html5中新增的表单元素详解

Html5中新增的表单元素详解相关推荐

最新文章

热门文章