作业代码:
<!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>会员登录页面</h3>
<hr>
<form method="get" action="index.html">
<table width="500" border="1" cellpadding="10" align="center">
<tr align="center">
<td colspan="2">OPENEDU会员登录</td>
</tr>
<tr>
<td align="right"><label for="zhanghao">账号:</label></td>
<!--
input 标签,没有width属性
所以修饰宽度、高度的时候,需要使用css样式
-->
<td><input type="text"
style="width:330px;height:30px;"
id="zhanghao" placeholder="请输入账号"/></td>
</tr>
<tr>
<td align="right"><label for="mima">密码:</label></td>
<td><input type="password"
style="width:330px;height:30px;"
id="mima" placeholder="请输入密码"/></td>
</tr>
<tr>
<td colspan=2 align="center">
<input type="reset" value="清空"/>
<input type="submit" value="登录"/>
</td>
</tr>
</table>
</form>
</body>
</html>
网页显示效果