html表单练习（讲义中的方法）
2016-03-20 16:57
218 查看
用table作框体固定位置结构
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<table border="0">
<tr>
<td>邮箱：</td>
<td><input type="text" /></td>
</tr>
<tr>
<td> </td>
<td>需要通过邮箱激活账户，不支持sohu，21.cn，sogou的邮箱</td>
</tr>
<tr>
<td>登录用户名：</td>
<td><input type="text"/></td>
</tr>
<tr>
<td> </td>
<td>仅在登录时使用，字符数不少于4个</td>
</tr>
<tr>
<td>显示名称：</td>
<td><input type="text"/></td>
</tr>
<tr>
<td> </td>
<td>即昵称，字符不少于2个</td>
</tr>
<tr>
<td>密码：</td>
<td><input type="password"/></td>
</tr>
<tr>
<td>确认密码：</td>
<td><input type="password"/></td>
</tr>
<tr>
<td> </td>
<td>至少8位，必须包含字母、数字、特殊字符</td>
</tr>
<tr>
<td>性别：</td>
<td><input type="radio" name="sex"/>男</td>
</tr>
<tr>
<td> </td>
<td><input type="radio" name="sex"/>女</td>
</tr>
<tr>
<td>喜好：</td>
<td><select size="1">
<option selected="selected">听音乐</option>
<option>看电影</option>
<option>玩游戏</option>
<option>看电视剧</option>
<option>旅游</option>
<option>运动健身</option>
</select></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" value="注册"/></td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<table border="0">
<tr>
<td>邮箱：</td>
<td><input type="text" /></td>
</tr>
<tr>
<td> </td>
<td>需要通过邮箱激活账户，不支持sohu，21.cn，sogou的邮箱</td>
</tr>
<tr>
<td>登录用户名：</td>
<td><input type="text"/></td>
</tr>
<tr>
<td> </td>
<td>仅在登录时使用，字符数不少于4个</td>
</tr>
<tr>
<td>显示名称：</td>
<td><input type="text"/></td>
</tr>
<tr>
<td> </td>
<td>即昵称，字符不少于2个</td>
</tr>
<tr>
<td>密码：</td>
<td><input type="password"/></td>
</tr>
<tr>
<td>确认密码：</td>
<td><input type="password"/></td>
</tr>
<tr>
<td> </td>
<td>至少8位，必须包含字母、数字、特殊字符</td>
</tr>
<tr>
<td>性别：</td>
<td><input type="radio" name="sex"/>男</td>
</tr>
<tr>
<td> </td>
<td><input type="radio" name="sex"/>女</td>
</tr>
<tr>
<td>喜好：</td>
<td><select size="1">
<option selected="selected">听音乐</option>
<option>看电影</option>
<option>玩游戏</option>
<option>看电视剧</option>
<option>旅游</option>
<option>运动健身</option>
</select></td>
</tr>
<tr>
<td> </td>
<td><input type="submit" value="注册"/></td>
</tr>
</table>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 