手寫登陸介面
阿新 • • 發佈：2021-08-04
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>圖書劫匪</title>
<script type="text/javascript">
function isvildate(form)
{
userid = form.userid.value;
uesrname = form.username.value;
userpass = form.userpass.value;
userpass2 = form.userpass.value;
//判斷使用者名稱稱長度
if(!minLength(userid,6))
{
alert("使用者名稱稱小於六位數")；
form.userid.focus();
return false;
}
if(!maxLength(uersid,8))
{
alert("使用者名稱稱大於八位")；
form.userid.focus();
return false;
}
// 判斷使用者名稱長度
if(!minLength(username,2))
{
alert("使用者名稱長度小於 2 位！");
form.username.focus();
return false;
}
if(!maxLength(username,10))
{
alert("使用者名稱長度大於 10 位！");
form.username.focus();
return false;
}
// 判斷口令長度
if(!minLength(userpass,6))
{
alert("口令長度小於 6 位！");
form.userpass.focus();
return false;
}
if(!maxLength(userpass,8))
{
alert("口令長度大於 8 位！");
form.userpass.focus();
return false;
}
if(userpass != userpass2)
{
alert("兩次輸入不同")；
return false;
}
}
</script>
</head>
<body>
<h2 align="center">註冊介面</h2>;
<form name="form1" action="" method="">
<table align="center">
<tr>
<td> 使用者 ID：</td>
<td><input type="text" name="userid">6-8 位 </td>
</tr>
<tr>
<td> 使用者名稱：</td>
<td><input type="text" name="username">2-10 位</td>
</tr>
<tr>
<td> 口令：</td>
<td><input type="password" name="userpass">6-8 位，不能與使用者 ID 相同</td>
</tr>
<tr>
<td> 確認口令：</td>
<td><input type="password" name="userpass2"></td>
</tr>
<tr>
<td> 生日：</td>
<td><input type="text" name="birthday">格式為：1988-1-1</td>
</tr>
<tr>
<td> 學歷：</td>
<td>
<input type="radio" name="degree" value="專科">專科
<input type="radio" name="degree" value="本科" checked>本科
<input type="radio" name="degree" value="碩士研究生">碩士研究生
<input type="radio" name="degree" value="博士研究生">博士研究生
<input type="radio" name="degree" value="其他">其他
</td>
<!-- //radio表示單選框，然後name相同就可以從name相同的屬性中選取一個 -->
</tr>
<tr>
<td> 地區：</td>
<td>
<select name="local">
<option value="華東">華東</option>
<option value="華南">華南</option>
<option value="華北">華北</option>
<option value="東北" selected>東北</option>
<option value="東南">東南</option>
<option value="西南">西南</option>
<option value="西北">西北</option>
<option value="華中">華中</option>
</select>
</td>
</tr>
<tr>
<td> E-mail:</td>
<td><input type="text" name="email"></td>
</tr>
<tr>
<td> 地址：</td>
<td><input type="text" name="address"></td>
</tr>
<tr>
<td> 電話：</td>
<td><input type="text" name="phone">
數字和連字元，例如 88223322-123</td>
</tr>
<tr>
<td> 備註：</td>
<td> <textarea rows="8" name="comment" cols="40"></textarea></td>
</tr>
<tr>
<td> <input type="reset" value="重置"></td>
<td> <input type="submit" value="提交"></td>
</tr>
<table>
</form>
</body>
</html>