<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div> <form action="#" method="post" id="frm1" name="frmU" onSubmit="return false;"> <div> <select id="sel" name="selnam"> <option selected value="default">默认</option> <option value="current_year">2022</option> </select> </div> <div> <label>用户名:<input type="text"name="iptuname" id="uname" /></label></div> <div><label>密码:<input type="password"name="iptpwd" id="pwd" /></label></div> <div><input type="submit" value="提交" /></div> </form> </div> <script> frmU.iptpwd.focus(); frmU.uname.addEventListener("keyup",function(e){ alert(e.key); alert(e.keyCode); },false); frm1.password.addEventListener("keypress",function(e){ alert("press"+e.key); alert("press"+e.keyCode); },false); frm1.addEventListener("submit",function(e){ var uinfo=this.iptuname.value; uinfo=this.uname.value; uinfo=this.elements[0].value; //alert(uinfo); alert(this.sel.value); e.preventDefault(); return false; },false); frmU.selnam.addEventListener("change",function(){ alert(document.getElementsByTagName("select")[0]); },true); </script> </body> </html>
时间: 2023-07-19 08:47:21 浏览: 72
这是一个 HTML 页面,其中包含一个表单,表单中有一个下拉菜单、一个输入框和一个密码框,还有一个提交按钮。在 JavaScript 部分,代码给表单中的某些元素添加了事件监听器,比如当输入框中的键盘按键被松开时,会弹出一个窗口显示按下的键以及相应的 ASCII 码;当密码框中的键盘按键被按下时,会弹出一个窗口显示按下的键以及相应的 ASCII 码;当表单提交时,会获取输入框和下拉菜单中的值,并弹出一个窗口显示下拉菜单中选中的值。最后,当下拉菜单的选项被改变时,会弹出一个窗口显示第一个 select 元素的标签名。
相关问题
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Not found</title> </head> <body> <h1>Not found</h1> </body> </html>是一个HTML页面模板,它是一个简单的404页面,用于显示“Not found”错误信息。在这个模板中,<!DOCTYPE html>定义了文档类型,<html>标签定义了HTML文档的根元素,<head>标签定义了文档的头部部分,<meta charset="UTF-8">指定了文档的字符编码为UTF-8,<title>标签定义了文档的标题,<body>标签定义了文档的主体部分,<h1>标签定义了一个一级标题。
阅读全文