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

HTML5学习(6) 表单元素

2012-08-20 16:03 363 查看 
<!DOCTYPE HTML>
<body>
<!--选项表单 datalist-->
Webpage: <input type="url" list="url_list" name="link" />
<datalist id="url_list">
<option label="Baidu" value="http://www.baidu.com" />
<option label="Google" value="http://www.google.com" />
<option label="Microsoft" value="http://www.microsoft.com" />
</datalist>
<!-- 数据加密 -->
<form action="demo_form.asp" method="get">
Username: <input type="text" name="usr_name" />
Encryption: <keygen name="security" />
</form>
<!--output-->
<p>使用 output 元素的简易计算器：</p>
<form onsubmit="return false">
<input id="num_a" /> +
<input id="num_b" /> =
<output id="result" onforminput="resCalc()"></output>
</form>
<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>
</body>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航