HTML5学习(6) 表单元素
2012-08-20 16:03
369 查看
<!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>
相关文章推荐
- HTML5 学习笔记4-表单新增的元素和属性
- 【HTML5+css3】学习笔记之表单元素
- HTML学习笔记(五)_HTML5表单相关元素和属性
- 【HTML5学习笔记】13:表单元素 其三
- Web前端学习笔记(3)-html5新增表单元素
- 【HTML5学习笔记】11:表单元素 其二
- HTML5 学习笔记5-表单新增元素和属性(续写)
- HTML5 学习总结(二)——HTML5新增属性与表单元素
- 第十五节 html5学习——表单元素
- html5学习笔记3-新增表单元素
- HTML5学习系列之表单与文件
- html5学习笔记(3)--主题结构元素-1
- HTML5学习笔记2013.1.5——新增元素之多媒体元素及其他
- html5 表单元素美化
- juqery 学习之三 选择器 子元素与表单
- HTML5学习02-元素、属性和格式化
- HTML5表单新增元素与属性
- HTML5学习之九表单与PHP交互
- HTML5学习笔记【3】元素与格式化
- HTML5表单新增元素和属性(1)