html之实战二--用table和form完成注册界面
2015-10-11 21:07
441 查看
<html>
<head>
<meta charset="utf-8" />
<title>第二次实战--用table和form做出一个漂亮的注册页面</title>
</head>
<body>
<!--
本程序缺点：用了很多重复的form标签
-->
<center><!--可以使表格居中显示-->
<table border="3" bordercolor="blue" cellspacing="0" callpadding="0">
<tr>
<th colspan="2">信息注册界面</th>
</tr>
<tr>
<td>用户名：</td>
<td>
<form>
<input type="text" name="user" />
</form>
</td>
</tr>
<tr>
<td>密码：</td>
<td>
<form>
<input type="password" name="password" />
</form>
</td>
</tr>
<tr>
<td>确定密码：</td>
<td>
<form>
<input type="password" name="password" />
</form>
</td>
</tr>
<tr>
<td>性别：</td>
<td>
<form>
<input type="radio" name="sex" value="M" />男
<input type="radio" name="sex" value="F" />女
</form>
</td>
</tr>
<tr>
<td>技术：</td>
<td>
<form>
<input type="checkbox" name="tech" value="Java" />Java
<input type="checkbox" name="tech" value="Html" />Html
<input type="checkbox" name="tech" value="Css" />Css
<input type="checkbox" name="tech" value="SQLServer" />SQLServer
</form>
</td>
</tr>
<tr>
<td>国家：</td>
<td>
<form>
<select name="country">
<option value="none">--选择国家--</option>
<option value="ch">--中国--</option>
<option value="usa">--美国--</option>
<option value="en">--英国--</option>
</select>
</form>
</td>
</tr>
<tr>
<td colspan="2">
<center><!--使提交按钮和清除数据按钮居中-->
<form>
<input type="submit" value="提交数据" /><input type="reset" value="清除数据" />
</form>
</center>
</td>
</tr>
</table>
</center>
</body>
</html>
<head>
<meta charset="utf-8" />
<title>第二次实战--用table和form做出一个漂亮的注册页面</title>
</head>
<body>
<!--
本程序缺点：用了很多重复的form标签
-->
<center><!--可以使表格居中显示-->
<table border="3" bordercolor="blue" cellspacing="0" callpadding="0">
<tr>
<th colspan="2">信息注册界面</th>
</tr>
<tr>
<td>用户名：</td>
<td>
<form>
<input type="text" name="user" />
</form>
</td>
</tr>
<tr>
<td>密码：</td>
<td>
<form>
<input type="password" name="password" />
</form>
</td>
</tr>
<tr>
<td>确定密码：</td>
<td>
<form>
<input type="password" name="password" />
</form>
</td>
</tr>
<tr>
<td>性别：</td>
<td>
<form>
<input type="radio" name="sex" value="M" />男
<input type="radio" name="sex" value="F" />女
</form>
</td>
</tr>
<tr>
<td>技术：</td>
<td>
<form>
<input type="checkbox" name="tech" value="Java" />Java
<input type="checkbox" name="tech" value="Html" />Html
<input type="checkbox" name="tech" value="Css" />Css
<input type="checkbox" name="tech" value="SQLServer" />SQLServer
</form>
</td>
</tr>
<tr>
<td>国家：</td>
<td>
<form>
<select name="country">
<option value="none">--选择国家--</option>
<option value="ch">--中国--</option>
<option value="usa">--美国--</option>
<option value="en">--英国--</option>
</select>
</form>
</td>
</tr>
<tr>
<td colspan="2">
<center><!--使提交按钮和清除数据按钮居中-->
<form>
<input type="submit" value="提交数据" /><input type="reset" value="清除数据" />
</form>
</center>
</td>
</tr>
</table>
</center>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 