登录页面代码【html】
2016-08-13 14:38
337 查看
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="bootstarp/css/bootstrap.min.css"> <script src="bootstarp/js/bootstrap.min.js"></script> <script src=bootstarp/js/jquery-1.12.2.js"></script> <style> #div1{ width:300px; border:1px solid black; height:240px; } </style> </head> <body> <div id="div1"> <h1 style="text-align: center;color:#ff8d40">购物网登录页面</h1> <form onsubmit="return chk()" action="load2.php" style="margin-top: 40px;margin-left: 20px;" method="post"> <span>用户名:</span> <input type="text" name="username" id="un"/><br/><br/> <span style="letter-spacing: 1em">密</span>码: <input type="password" name="psw" id="psw"> <br/><br/> <input type="submit" style="margin-left: 178px"/> </form> <div id="errinfo" style="color:red;"> </div> </div> <script> function chk(){ var myform=document.getElementById("un"); var psw=document.getElementById("psw"); if(myform.value==''){ document.getElementById(("errinfo")).innerHTML='必须有用户名'; return false; }else{ if(psw.value==''){ document.getElementById(("errinfo")).innerHTML='必须有密码'; return false; }else{ return true; } } } </script> </body> </html>
相关文章推荐
- html简单登录页面代码
- 简单的html格式的手机页面登录代码
- HTML 网页制作 网易邮箱登录页面 关键代码
- 【html】【一个简单的用户登录页面代码】
- jsp_首先利用纯HTML写一个简单的登录页面以及后台处理页面【代码】
- php代码替换页面中的html标签[magicliu]
- 在ASP.NET 2.0中直接得到本页面生成的HTML代码
- 在ASP.NET 2.0中直接得到本页面生成的HTML代码
- VBScript教程 第二课在HTML页面中添加VBscript代码
- 如何从Html页面中提取所有汉字及字符,不能有其它Html代码.
- 在ASP.NET 2.0中直接得到本页面生成的HTML代码
- 在ASP.NET 2.0中直接得到本页面生成的HTML代码
- 在html页面中插入jsp代码实现页面导航
- 在ASP.NET 2.0中直接得到本页面生成的HTML代码
- 几个HTML页面转向代码
- 在ASP.NET 2.0中直接得到本页面生成的HTML代码
- HTML--如何实现通过鼠标事件拖动页面图像(代码)
- [导入]在ASP.NET 2.0中直接得到本页面生成的HTML代码
- aspx代码中直接产生该页面的html输出
- ASP生成静态html页面基本代码