最终效果
代码编写
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<form action="https://www.baidu.com"> <!-- 登录框必须包裹在form标签内,action是提交的地址 -->
<table width="600px" border="1px" cellspacing="0">
<tbody>
<tr height="40px">
<td rowspan="4" align="center" style="color:red;">总体信息</td>
<td colspan="2"></td>
</tr>
<tr height="40px">
<td align="right">用户名:</td>
<td>
<input type="text" name="loginname" />
</td>
</tr>
<tr height="40px">
<td align="right">密码:</td>
<td>
<input type="password" name="pwd" />
</td>
</tr height="40px">
<tr height="40px">
<td colspan="2" align="center"> <!-- 练习style标签的样式 -->
<input type="submit" value="提交" style="width:80px; height:30px;background-color: darkcyan;" />
<input type="reset" value="重置" style="width: 80px; height:30px;"/>
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
学习总结