用已經(jīng)學過的web前端知識搭建一個登錄框架
解:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>簡單的登錄界面</title>
</head>
<body>
<form action="" method="get">
<table border="0" cellspacing="" cellpadding="" align="center" background="img/炫.jpg" height="300" width="480">
<tr><th colspan="4" align="center">登錄界面</th></tr>
<tr>
<td align="right" width="150">賬號:</td>
<td colspan="2"><input type="text" name="id" id="" value="" placeholder="請輸入賬號" maxlength="12" /></td>
</tr>
<tr>
<td align="right">密碼:</td>
<td colspan="2"><input type="password" name="password" id="" value="" placeholder="請輸入密碼" maxlength="12" /></td>
<td><input type="radio" name="顯示密碼" id="顯示密碼" value="" />顯示密碼</td>
</tr>
<!--<tr>
<td>性別:</td>
<td align="center">男</td>
<td align="center">女</td>
<td></td>
</tr>-->
<tr>
<td align="center"><button>注冊</button></td>
<td align="center"><button>登錄</button></td>
<td align="right"><button>隱藏登錄</button></td>
</tr>
</table>
</form>
</body>
</html>
運行結果:

登錄界面1.jpg

登錄界面2.jpg

登錄界面3.jpg