Nueva dirección de la biblioteca JAVA 2
Contraseña
& lt! ¿TIPO DE DOCUMENTO? html & gt
& lthtml & gt
& lthead & gt
& ltmeta? charset="UTF-8 " >>p>
& lttitle & gtPioneer Library Management System-Iniciar sesión
& ltstyle & gt
*{
Margen:? 0;
Relleno:? 0;
Estilo de lista:? Ninguno;
}
#top{
Ancho:? 1000 px;
Altura:? 95px
Margen:? 0?Auto;
Margen superior:? 25px
}
#top_top{
Ancho:? 1000 px;
Altura:? 65px
Fondo:? azul cielo profundo
}
#top_top_left{
Ancho:? 300px
Altura:? 65px
Flotante:? Izquierda;
}
# top _ top _ left & gt etiqueta {
Ancho:? 200px
Altura:? 65px
Color:? Blanco;
Flotante:? Derecha;
}
# top _ top _ left & gt#a2{
Relleno izquierdo:? 10px;
Relleno superior:? 20px
Tamaño de fuente:? 16px;
}
#top_bottom{
Ancho:? 1000 px;
Altura:? 30px
}
#top_bottom_left{
Ancho:? 340px
Altura:? 30px
Altura de línea:? 30px
Tamaño de fuente:? 12px;
Fondo:? Azul cielo;
Color:? Blanco;
Sangría de texto:? 2em
Flotador:? Izquierda;
}
#upper_lower_right{
Ancho:? 660px
Altura:? 30px
Altura de línea:? 30px
Tamaño de fuente:? 12px;
Color:? Azul-violeta;
Alineación del texto:? Centrado;
Flotante:? Sí;
Antecedentes:? Azul cielo brillante;
}
#Contenido{
Ancho:? 1000 px;
Altura:? 600px
Margen:? 0?Auto;
Fondo:# 587FBA
}
# contenido & gt#text{
Ancho:? 1000 px;
Altura:? 50px
Altura de línea:? 50px
Relleno superior:? 100 px;
Tamaño de fuente:? 36px
Familia de fuentes: "Cursiva";
Peso de fuente:? Negrita;
Alineación del texto:? Centrado;
}
# contenido & gt#Iniciar sesión{
Ancho:? 480px
Altura:? 210px;
Margen superior:? 20px
Margen izquierdo:? 260px
Fondo:? # 85A0CB
}
# contenido & gt#Iniciar sesión& gtimg{
Flotar:? Izquierda;
}
# contenido & gt#Iniciar sesión& gt#Seleccionar {
Ancho:? 305px
Altura:? 210px;
Flotador:? Sí;
}
# contenido & gt#Iniciar sesión& gt# seleccionar & gtDepartamento{
Ancho:? 230;
Altura:? 30px
Margen izquierdo:? 30px
}
# contenido & gt#Iniciar sesión& gt# select & gt#d1{
Margen superior: 30px
Márgenes -Abajo:? 3px
}
# contenido & gt#Iniciar sesión& gt# seleccionar & gtp{
Tamaño de fuente:? 14px;
Margen izquierdo:? 95px
}
#Abajo{
Ancho:? 1000 px;
Altura:? 35px
Altura de línea:? 35px
Margen:? 0?Auto;
Fondo:? deepskyblue
Alineación del texto:? Centrado;
Color:? blanco;
}
& lt/style & gt;
& lt/head & gt;
& ltbody & gt
& ltdiv? id = "arriba" & gt
& ltdiv? id="top_top "
& ltdiv? id = "arriba_arriba_izquierda" & gt
& ltimg? src="img/test/a13.png "? ancho="78px"? altura="65px " >& lt etiqueta? id = " a2 " & gtPlataforma de gestión del sistema de bibliotecas Pioneer
& lt/div & gt;
& lt/div & gt;
& ltdiv ? id="top_bottom "
& ltdiv? id = "arriba _ abajo _ izquierda" & gt¿Ubicación actual? :?¿Página principal? >? ¿Administración del sistema? >? Registrarse
& ltdiv? id="top_bottom_right " >¿Hora actual? :?< etiqueta? id = " etiqueta " & gt& lt/label & gt;& lt/div & gt;
& lt/div & gt;
& lt/div & gt; p>
p>
& ltdiv? id = " contenido " & gt
& ltdiv? id = " text " & gtBienvenido al sistema de gestión de bibliotecas Pioneer
& ltdiv? id = " iniciar sesión " & gt
& ltimg? src = " img/test/a 14 . png " ancho = " 175 px "? height="210px"/>
& lt forma? id = " seleccionar " & gt
& ltdiv? id="d1 " >Nombre de usuario:? & ampnbsp& ampnbsp& ltEntrar? tipo="texto"? /></div>
<div>Secretnbsp? Código:? & ampnbsp& ampnbsp& ltEntrar? tipo="contraseña"? /& gt;& lt/div & gt;
& ltp & gt
& ltEnter? tipo="radio"? nombre = "usuario"? valor
e = " leer "/& gt;Lector nbsp& ampnbsp& ampnbsp& ampnbsp
& ltEnter? tipo="radio"? nombre = "usuario"? value = " admin "/& gt;Personal administrativo
& lt/p & gt;& ltbr/>;
& ltp & gt
& lt ¿ingresar? tipo="botón"? Valor = "OK"? estilo="ancho:?50px"? onclick = " put()"/& gt;& ampnbsp& ampnbsp& ampnbsp& ampnbsp
& ltEnter? tipo="restablecer "? Valor = "restablecer"? estilo="ancho:?50px"/& gt;
& lt/p & gt;
& lt/formulario & gt;
& lt/ div>
</div>
<div? id="bottom " >Copyright de Xinxin Technology Co., Ltd.
& lt/body & gt;
& ltScript? tipo="texto/javascript "? src = " JQuery/JQuery . js " ></script>
<Script? tipo="texto/javascript "? src = " js/getcurrenttime . js " & gt; & lt/script & gt;
& ltscript>
//Verificar nombre de usuario y contraseña
¿Función? poner(){
var? ¿d? =?$(" # select & gt; div & gt input"); //Obtener nombre de usuario y contraseña
var? ¿nombre? =?d[0]. valor;
var? ¿aprobar? =?d[1]. valor;
var? ¿usuario? =?nulo
var? r? =?document . getelementsbyname(" usuario ");//Obtener el tipo de usuario
for(I = 0;i<r.length;i++){
if(r[i ] . Marcado){
usuario=r[i]. valor;
}
}
//console.log(nombre?+?","?+aprobado?+?","?+usuario ); //Prueba de salida
if(user==null){
Window.alert("¡Seleccione el tipo de usuario!");
} ¿No de? if(user=="admin "?& amp& amp?Name!="admin"){
Window.alter("¡Nombre de usuario incorrecto!");
}No ¿de? if(user=="admin "?& amp& amp?name=="admin "?& amp& amp?Pass!="123456"){
Window.alert("¡Contraseña incorrecta!");
}¿Algo más? if(name=="admin "?& amp& amp?pass=="123456 "?& amp& amp?user=="admin"){
ubicación de ventana . bienvenido .html ";// Utilice js para abrir un nuevo enlace en esta página.
}En caso contrario{
Window.alert("El nombre de usuario es incorrecto");
}
}
& lt/script & gt;
& lt/html & gt;