作業(yè)代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h3>會(huì)員登錄頁面</h3>
<hr>
<form method="get" action="index.html">
<table width="500" border="1" cellpadding="10" align="center">
<tr align="center">
<td colspan="2">OPENEDU會(huì)員登錄</td>
</tr>
<tr>
<td align="right"><label for="zhanghao">賬號(hào):</label></td>
<!--
input 標(biāo)簽,沒有width屬性
所以修飾寬度、高度的時(shí)候,需要使用css樣式
-->
<td><input type="text"
style="width:330px;height:30px;"
id="zhanghao" placeholder="請(qǐng)輸入賬號(hào)"/></td>
</tr>
<tr>
<td align="right"><label for="mima">密碼:</label></td>
<td><input type="password"
style="width:330px;height:30px;"
id="mima" placeholder="請(qǐng)輸入密碼"/></td>
</tr>
<tr>
<td colspan=2 align="center">
<input type="reset" value="清空"/>
<input type="submit" value="登錄"/>
</td>
</tr>
</table>
</form>
</body>
</html>
網(wǎng)頁顯示效果

image.png