您的位置：首页 > Web前端 > HTML

html 5--(表单学习)-03

2012-06-08 18:57 537 查看

input 表单对应类型:

email 类型用于应该包含 e-mail 地址的输入域。

url 类型用于应该包含 URL 地址的输入域。

number 类型用于应该包含数值的输入域。其中含有的信息如下:max,min,step,value

range 类型用于应该包含一定范围内数字值的输入域。 value,max,min,step

Date pickers :

(date, month, week, time, datetime, datetime-local) 选取(日、月、年),(月、年),(选取周和年),选取时间（小时和分钟）, 选取时间、日、月、年（UTC 时间）

选取时间、日、月、年（本地时间）

search

color

新的标签:

datalist 元素规定输入域的选项列表例如:

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

<datalist id="url_list">

<option label="3wschool" value="http://www.3wschool.com.cn" />

<option label="Google" value="http://www.google.com" />

<option label="Microsoft" value="http://www.microsoft.com" />

</datalist>

keygen:

keygen 元素的作用是提供一种验证用户的可靠方法。

keygen 元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。

私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。

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

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 onsubmit="return false">

<input id="num_a" /> +

<input id="num_b" /> =

<output id="result" onforminput="resCalc()"></output>

</form>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航