效果图:
代码:
<html>
<head>
<title>登录页面</title>
<style type="text/css">
.box1{border:solid 2px purple;}
.box2{border:solid 2px red;}
</style>
</head>
<body>
<form name="login" action="url" method="get">
<table align="center" >
<tr>
<td>用户名:</td>
<td><input type="text"name="name" class="box1" style="color:blue"></td>
</tr>
<tr>
<td>密  码:</td>
<td><input type="password" name="password" class="box1" style="color:blue"></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="tijiao" value="确认" class="box2">
<input type="reset" name="chongtian" value="重填" class="box2"></td>
</tr>
</table>
</form>
</body>
</html>