HTML5入门2---js获取HTML元素的值
2015-12-21 22:58
796 查看
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>javascript页面</title> <script type="text/javascript"> //alert("您好,欢迎来我们的网页"); function getValue() { var obj = document.getElementById("name"); //window.alert("您的名字是"+obj.value); if(obj.value != "张三") { alert("对不起,你的名字不存在"); } else { alert("您的名字是"+obj.value); } } function getValue2() { alert("第二个方法"); } window.onload = function() { //alert("您是第100个访问此网页的用户"); } </script> </head> <body> <form name="MyForm"> <label>账号</label> <input id="name" type="text" value="" /><br/><br/> <label>密码</label> <input id="password" type="password" value="" /><br/><br/> <input type="button" value="提交" onclick="getValue();getValue2()"/> <input type="reset" value="重置" /> </form> <audio controls="controls" > <source src="resource/音乐.mp3" type="audio/ogg"> <source src="song.mp3" type="audio/mpeg"> Your browser does not support the audio tag. </audio><br/> <input type="date" value="" /><br/> <input type="email" value="" /><br/> <input type="color" value="" /><br/> <input type="tel" value="" /><br/> <input type="search" value=""/><br/> <input type="checkbox" value="" /> <a href="resource/ApocalypsePage_Original.html">启示录</a> </body> </html>
相关文章推荐
- JavaScript window对象 - 浏览器对象模型(BOM),使 JavaScript 有能力与浏览器“对话”
- 模块——js功能(倒计时,幻灯)
- 了解 JS 原型
- jsoup抓取借书记录
- JS入门经典笔记
- js使用file上传图片-----(1)选择文件类型的判断和图片的显示
- How to check the version of JSF
- JS对象转化为JSON字符串
- JS_数据类型
- javascript 浏览器调用原理
- js的一些学习笔记2
- 玩玩EXPRESSJS
- JSP第二篇
- Javascript数组常用方法
- JS入门笔记
- javascript大神修炼记(7)——OOP思想(多态)
- js回调函数
- JavaScript具有自动垃圾回收机制
- 用js实现同一页面多个不同运动效果2
- JavaScript 开发进阶:理解 JavaScript 作用域和作用域链