<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登錄界面</title>
<script src="../Jquery/jquery-3.3.1.js"></script>
/*不寫jquery實現不了*/
<style type="text/css">
div{
width:30px;
padding:100px 0px 0px 0px;
margin: auto;
}
</style>
<script type="text/javascript">
function btn(){
$('input[type="text"]').val('');
alert("清除成功");
}
function check(){
var boo = confirm('確定登錄嗎')
if(boo){
if($("#username").val()=="")
{
alert("賬號不能爲空");
return false;
}else if($("#password").val()=="") {
alert("密碼不能爲空");
return false;
}else{
alert("登錄成功")
}}else{
alert('取消成功')
}
}
</script>
</head>
<body>
<name>
<div>
<fieldset>
<legend>登錄頁面</legend>
<input type="text" id="username" value="賬戶名"><br>
<input type="text" id="password" value="密碼"><br>
<input type="button" onclick="btn()" value="清除">
<input type="button" onclick="check()" value="登錄">
</fieldset>
</name>
</div>
</body>
</html>
最簡登錄界面
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.