password
& lt！ DOCTYPE？ html & gt
& lthtml & gt
& lthead & gt
& ltmeta？ charset="UTF-8 " >
& lttitle & gt Pioneer Library Management System-Login
& ltstyle & gt
*{
Margin:? 0;
Fill:? 0;
List style:? None;
}
#top{
Width:? 1000 px；
Height:? 95px
Margin:? 0? Automatic;
Margins-Top:? 25px
}
#top_top{
Width:? 1000 px；
Height:? 65px
Background:? deepskyblue
}
#top_top_left{
Width:? 300px
Height:? 65px
Floating:? Left;
}
# top _ top _ left & gt tag {
Width:? 200px
Height:? 65px
Color:? White;
Floating:? Right;
}
# top _ top _ left & gt#a2{
Left padding:? 10px；
Top filling:? 20px
Font size:? 16px；
}
#top_bottom{
Width:? 1000 px；
Height:? 30px
}
#top_bottom_left{
Width:? 340px
Height:? 30px
Line height:? 30px
Font size:? 12px；
Background:? Sky blue;
Color:? White;
Text indentation:? 2em
Floating:? Left;
}
# Up _ Down _ Right {
Width:? 660px
Height:? 30px
Line height:? 30px
Font size:? 12px；
Color:? Blue-purple;
Text alignment:? Center;
Floating:? Right;
Background:? Bright sky blue;
}
# Content {
Width:? 1000 px；
Height:? 600px
Margin:? 0? Automatic;
Background: # 587FBA
}
# content & gt#text{
Width:? 1000 px；
Height:? 50px
Line height:? 50px
Top filling:? 100 px；
Font size:? 36px
Font series: "Italic";
Font thickness:? Bold;
Text alignment:? Center;
}
# content & gt# Login {
Width:? 480px
Height:? 2 10px；
Margins-Top:? 20px
Left margin:? 260px
Background:? # 85A0CB
}
# content & gt# Login to & gtimg{
Floating:? Left;
}
# content & gt# Login & gt# Select {
Width:? 305px
Height:? 2 10px；
Floating:? Right;
}
# content & gt# Login & gt# select & gt Department {
Width:? 230;
Height:? 30px
Left margin:? 30px
}
# content & gt# login & gt# select & gt#d 1{
Margin-Top: 30px
Margins-bottom:? 3px
}
# content & gt# Login & gt# select & gtp{
Font size:? 14px；
Left margin:? 95px
}
# Bottom {
Width:? 1000 px；
Height:? 35px
Line height:? 35px
Margin:? 0? Automatic;
Background:? deepskyblue
Text alignment:? Center;
Color:? White;
}
& lt/style & gt；
& lt/head & gt；
& ltbody & gt
& ltdiv？ id = " top " & gt
& ltdiv？ id="top_top " >
& ltdiv？ id = " top _ top _ left " & gt
& ltimg？ src="img/test/a 13.png "？ width="78px "？ Height = "65px" > < label? Id = "a2"> Pioneer Library System Management Platform
& lt/div & gt；
& lt/div & gt；
& ltdiv？ id="top_bottom " >
& ltdiv？ Id = "top _ bottom _ left"> current position? :? Home page? & gt？ System management? & gt？ register
& ltdiv？ Id="top_bottom_right "> current time? :? & lt label? id = " lable " & gt& lt/label & gt； & lt/div & gt；
& lt/div & gt；
& lt/div & gt；
& ltdiv？ id = " content " & gt
& ltdiv？ Id = "text"> Welcome to Pioneer Library Management System.
& ltdiv？ id = " login " & gt
& ltimg？ src = " img/test/a 14 . png " width = " 175 px "？ height="2 10px"/>
& lt form? id = " select " & gt
& ltdiv？ Id="d 1 "> user name:? & nbsp & nbsp & lt Enter? type="text "？ /& gt； & lt/div & gt；
& ltdiv & gt Secret nbsp? Code:? & nbsp & nbsp & lt Enter? type="password "？ /& gt； & lt/div & gt；
& ltp & gt
& lt input? type="radio "？ Name= "user"? value = " read "/& gt； Reader nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp nbsp;
& lt input? type="radio "？ Name= "user"? value = " admin "/& gt； administrative staff
& lt/p & gt； & ltbr/>；
& ltp & gt
& lt input? type="button "？ Value= "OK "？ style="width:？ 50px”？ onclick = " put()"/& gt； & ampnbsp& ampnbsp& ampnbsp& ampnbsp
& lt input? type="reset "？ Value= "reset "？ style="width:？ 50px”/& gt；
& lt/p & gt；
& lt/form & gt；
& lt/div & gt；
& lt/div & gt；
& ltdiv？ Id="bottom "> xinxin technology co., ltd all rights reserved.
& lt/body & gt；
& lt script? type="text/javascript "？ src = " JQuery/JQuery . js " & gt； & lt/script & gt；
& lt script? type="text/javascript "？ src = " js/getcurrenttime . js " & gt； & lt/script & gt；
& lt script & gt
//Verify the user name and password
Function? put(){
var？ d？ =? $(" # select & gt； Div> input "); //Get user name and password
var？ Name? =? d[0]。 Value;
var？ Pass? =? d[ 1]。 Value;
var？ User? =? null
var？ r？ =? document . getelementsbyname(" user ")； //Get the user type
for(I = 0； I<r. Length; i++){
if(r[i]。 Checked) {
user=r[i]。 Value;
}
}
//console.log(name？ +? ","? +Pass? +? ","? +users); //Output test
if(user==null){
Window.alert ("Please select a user type!" );
} something else? if(user=="admin "？ & amp& amp？ Name! ="admin"){
Window.alter ("Wrong user name!" );
} something else? if(user=="admin "？ & amp& amp？ name=="admin "？ & amp& amp？ Pass the ball =" 123456"){
Window.alert ("Wrong password!" );
} something else? if(name=="admin "？ & amp& amp？ pass==" 123456 "？ & amp& amp？ user=="admin"){
window . location . href = " work _ 02 _ welcome . html "； //Open a new link on this page with js.
} Otherwise {
Window.alert ("user name error");
}
}
& lt/script & gt；
& lt/html & gt；