Javaweb——简单登录界面

<html>
<!----------------------------------------------->
<head>
<title>登录界面</title>

</head>
<!----------------------------------------------->
<body style="background-image:url(http://5b0988e595225.cdn.sohucs.com/images/20190719/7ff9d0ec4a9f4070a0239812bae09292.jpeg);background-size:100%;">
<audio src ="https://webfs.yun.kugou.com/202003191925/fdffb81e45308acf7d8add9b840e6234/G005/M01/04/1D/RQ0DAFS4My-ASVN1ADN0lUcD7Zw018.mp3" width =500 height=500 volume=100 autoplay=true loop=true></audio>
<br><br><br><br><br>
<h1 align=center><font face="楷体" size=5 color=pink>登录界面</h1><br>
<form method=post name="form0" align=center onsubmit="return checkps();">
<font face="楷体" size=5 color=pink>
姓名：
<select name="name0" style="font-family:‘楷体‘;font-size:20px;background:pink;text-align:center;height:28px;">
<!--option valu="0">name</option-->
<option valu="1">张磊</option>
<option valu="2">李英杰</option>
<option valu="3">张号成</option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
密码：</font>
<input type=password name="password" placeholder=password style="background:pink;font-size:20px;color:red;font-family:‘楷体‘;text-align:center;width:90px;"><br><br>
<input type=submit name="button" maxlength=3 size=8  style="background:pink;font-family:‘楷体‘;font-size:20px;color:red;text-align:center;"><br><br>
&nbsp;<input type=button name="bt" value="王者荣耀" style="background:pink;font-family:‘楷体‘;font-size:20px;color:red;text-align:center;" onclick="window.location.href=‘http://pvp.qq.com/v/videolist.shtml?G_biz=18&sKeyword=%25E6%259D%258E%25E7%2599%25BD‘"></button>
<input type=button name="bt1" value="王者解渴" style="background:pink;font-family:‘楷体‘;font-size:20px;color:red;text-align:center;" onclick="window.location.href=‘http://ugcyd.qq.com/uwMROfz2r5zIIaQXGdGnC2dfDmb_xYKxrIGz_bGUg2Lja6ru/c30742lz4p2.mp4?‘"></button>
<br><br>
<input type=button name="bt1" value="LUNAR"  style="background:pink;color:red;font-family:‘楷体‘;font-size:20px;text-align:center;" onclick="window.location.href=‘http://www.gamemei.com/background/uploads/161020/3-16102014092RX.jpg‘"></button>
<input type=button value=" 下饭" style="background:pink;color:red;font-family:‘楷体‘;font-size:20px;text-align:center;" onclick="window.location.href=‘http://5b0988e595225.cdn.sohucs.com/images/20190719/1e09949867844153b356f51802b85bdd.jpeg‘"></button>
</form>
<div style="text-align:center">
<button style="background:pink;color:red;font-family:‘楷体‘;font-size:20px;text-align:center;" onclick="Hid()">隐藏</button>
<button style="background:pink;color:red;font-family:‘楷体‘;font-size:20px;text-align:center;" onclick="Iplay()">展开</button><br><br>
<font face="楷体" color=pink size=5>Ps：展开点击图片你值得拥有！（还可以隐藏起来哦！）</font>
</div>
<!--iframe src="0.html">这是A</iframe-->
<script>
function checkps()
{
    if(document.form0.name0.value=="张磊"&&document.forms[0].password.value=="123456")
    {document.form0.action="https://user.qzone.qq.com/1526771301?source=namecardhoverqzone";return true;}
    else if(document.form0.name0.value=="李英杰"&&document.forms[0].password.value=="abcdef")
    {document.form0.action="https://user.qzone.qq.com/2754611772?source=namecardhoverqzone";return true;}
    else if(document.form0.name0.value=="张号成"&&document.forms[0].password.value=="ABCDEF")
    {document.form0.action="https://user.qzone.qq.com/2602841530?source=namecardhoverqzone";return true;}
    else
    {
    alert("用户名或密码不正确！")
    return false;
    }
}

function play(num)
{
var Box=document.getElementsByTagName(‘Box‘);
var Img=document.getElementsByTagName(‘Img‘);
    for(i=0;i<=Img.length;i++){
    if(i==num+1) Img[i].style.display="inline";
    else Img[i].style.display="none";
    if(num==8) Img[0].style.display="inline";}
}

function Iplay()
{
var Box0=document.getElementsByTagName(‘Box‘);
var Img0=document.getElementsByTagName(‘Img‘);
for(i=0;i<1;i++)
{
    Img0[i].style.display="inline";
}
}

function Hid()
{
var Box1=document.getElementsByTagName(‘Box‘);
var Img1=document.getElementsByTagName(‘Img‘);
for(i=0;i<Img1.length;i++)
{
    Img1[i].style.display="none";
}
}
</script>

<div id="Box">
    <img src="http://5b0988e595225.cdn.sohucs.com/images/20190719/7ff9d0ec4a9f4070a0239812bae09292.jpeg" onclick="play(0)" style="display:none;"/>
    <img src="http://5b0988e595225.cdn.sohucs.com/images/20190719/ccf9df58875e41498e80133bd94b96f9.jpeg" onclick="play(1)" style="display:none;"/>
    <img src="http://5b0988e595225.cdn.sohucs.com/images/20190719/5425368fe31a40c9986c11fdf02515dc.jpeg" onclick="play(2)" style="display:none;"/>
    <img src="http://5b0988e595225.cdn.sohucs.com/images/20190719/ce2b4d6363b34255b3f244f42416e326.jpeg" onclick="play(3)" style="display:none;"/>
    <img src="http://5b0988e595225.cdn.sohucs.com/images/20190719/10a540596acb4964a032947249e7f88d.jpeg" onclick="play(4)" style="display:none;"/>
    <img src="http://5b0988e595225.cdn.sohucs.com/images/20190719/1e09949867844153b356f51802b85bdd.jpeg" onclick="play(5)" style="display:none;"/>
    <img src="http://5b0988e595225.cdn.sohucs.com/images/20190719/4af851a364f34143a8346879e2448a7d.jpeg" onclick="play(6)" style="display:none;"/>
    <img src="http://5b0988e595225.cdn.sohucs.com/images/20190719/f15cb991ac5643f9aeb63729ded174d2.jpeg" onclick="play(7)" style="display:none;"/>
    <img src="http://5b0988e595225.cdn.sohucs.com/images/20190719/9b54246cb59144579a5cd11f1e6b3b30.jpeg" onclick="play(8)" style="display:none;"/>
</div>
</body>
<!----------------------------------------------->
</html>

原文地址：https://www.cnblogs.com/Lovezxy/p/12604734.html

时间： 2024-09-30 01:20:53

Javaweb——简单登录界面的相关文章

运用WPF和ADO.Net实现限制登录错误次数的简单登录界面

最近看了一下传智播客的免费公开课视频,有一个登录界面的小练习.其中涉及到登录时间的限定功能,并未实现.所以我就自己动手写了一个,大家可以看看. 首先编写SqlHelper类,通过SqlHelper类实现SQL单语句操作数据库.代码如下: 1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Text; 5 using System.Data.SqlClient; 6 usin

c#设计的简单登录界面

打开visual 2010,新建窗体,既然是登录窗口,那么就不让它出现最大化.最小化以及拖拉大小功能(上一节已经提到过怎么设置大小),如图所示,甚至窗体的Text属性值为"登录窗口",大小随意. 创建窗体之后就开始界面详细的组件布局了,主要是在左边拖拉控件,然后放到窗体中去,定义属性值.这些都比较简单. 到了代码响应阶段,双击登录按钮,进入代码视图: private void button1_Click(object sender, EventArgs e) { String name

安卓案例2：简单登录界面和保存信息

界面效果: 布局代码: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android

JSP内置对象的cookie和session实现简单登录界面

创建一个index.jsp页面 <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.d

2000行之Qt实现的简单登录界面

//mydialog.h #ifndef MYDIALOG_H #define MYDIALOG_H #include <QDialog> namespace Ui { class MyDialog; } class MyDialog : public QDialog { Q_OBJECT public: explicit MyDialog(QWidget *parent = 0); ~MyDialog(); private slots: void on_pushButton_clicked(

jsp和servlet 简单登录界面(不连接数据库)

1.首先说明一点,虽然很简单但是对于初学者 这个jsp和servlet的链接 我捣鼓了半天才算弄明白 jsp将请求提交到一个url,然后servlet获取也从这个url中获取请求的数据,两者的链接就在那个url jsp中的代码 文件名:login.jsp <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <

简单登录界面

1.需要掌握的技术:html php 2.源代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt

java web简单登录界面（jsp）

<%@ page language="java" import="java.util.*" contentType="text/html;charset=utf-8"%> <html> <head> <title> 用户登录 </title> </head> <body bgcolor="#e3e3e3"> <center> <

unity简单登录界面

public class LogonSystem:MonoBehavirour{ public UIInput UIInputUserName;//用户名称 public UIInput UIIputPW;//密码 public UILabel UILabel_Tips;//提示信息 void OnClick() { string strUserName=null; string strPW=null; strUserName=UIInputUserName.value: strPW=UIInp