摘要:<!doctype html><html><meta charset="utf-8"><title>HTML中常用标签及属性-DEMO</title><style type="text/css"> div{width:402px;margin:0 auto;} table{width:4
<!doctype html>
<html>
<meta charset="utf-8">
<title>HTML中常用标签及属性-DEMO</title>
<style type="text/css">
div{width:402px;margin:0 auto;}
table{width:400px;border-collapse:collapse;}
tr th,tr td{border:1px dashed #ccc;height:40px;}
tr td{color:red;text-align:center;}
span{color:#000;margin-left:5px;}
input{height:10px;width:198px;border:1px solid #ccc;margin:5px;padding:15px;}
button{height:50px;width:230px;background:#58AD44;margin:5px;border:none;color:#fff;font-weight:bolder;}
</style>
<body>
<div>
<form method="post" action="">
<table>
<tr><th colspan="2">用户注册界面</th></tr>
<tr>
<td style="width:100px;">*<span>用户名</span></td>
<td><input type="text" name="username" placeholder="6~18个字符,需以字母开头"></td>
</tr>
<td>*<span>密码</span></td>
<td><input type="password" name="pwd" placeholder="6~16个字符,区分大小写"></td>
</tr>
<td>*<span>确认密码</span></td>
<td><input type="password" name="pwd2" placeholder="请再次填写密码"></td>
</tr>
</tr>
<td colspan="2"><button>立即注册</button></td>
</tr>
</table>
<form>
<div>
</body>
</html>
批改老师:韦小宝批改时间:2019-01-12 09:15:51
老师总结:写的很不错 但是要记得每个属性代表着什么意思才可以哦 课后要记得反复练习 前端基础没有什么捷径 必须多练习才可以