html4---table and form--注册表单

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>formtext</title>
</head>

<body topmargin="100" leftmargin="200" background="formbg.jpg">
<form>
<table width="1000" cellpadding="5" cellspacing="10" border="1" align="center">
<tr>
<td><lable for="email" width="20%">邮箱:</lable></td>
<td><input id="user" type="text" placeholder="请输入邮箱地址"></td>
</tr>
<tr>
<td></td>
<td>需要通过邮箱激活账户,不支持21cn,qq等邮箱</td>
</tr>
<tr>
<td><lable for="user">登录用户名:</lable></td>
<td><input id="user" type="text" placeholder="请输入用户名 "></td>
</tr>
<tr>
<td></td>
<td>仅在登录时使用,字符不少于4个</td>
</tr>
<tr>
<td><lable for="disuser">显示名称:</lable></td>
<td><input id="disuser" type="text" placeholder="名称显示在这里"></td>
</tr>
<tr>
<td></td>
<td>即昵称,字数不少于2个</td>
</tr>
<tr>
<td><lable for="password">密码:</lable></td>
<td><input id="password" type="password" placeholder="请输入密码"></td>
</tr>
<tr>
<td><lable for="password">重复密码:</lable></td>
<td><input id="password" type="password" placeholder="再次输入密码"></td>
</tr>
<tr>
<td></td>
<td>密码不少于8位,必须包含字母、数字、特殊字符</td>
</tr>
<tr>
<td><lable for="sexman">性别:</lable></td>
<td><input id="sexman" type="radio" name="sex">男<input id="sexwomen" type="radio" name="sex">女</td>
</tr>
</tr>
<tr>
<td><lable for="like">喜好(单选):</lable></td>
<td>
<select id="like" name="like">
<option>足球</option>
<option>篮球</option>
<option>排球</option>
</select>
</td>
</tr>
<tr>
<td><lable for="like">恶好(多选):</lable></td>
<td>
<select id="elike" name="elike" size="3" multiple="true">
<option>喝酒</option>
<option>抽烟</option>
<option>赌博</option>
</select>
</td>
</tr>
<tr>
<td><lable for="checkbox">财富:</td>
<td><input id="checkbox" type="checkbox" name="checkbox">好多钱<input id="checkbox" type="checkbox" name="checkbox">有点钱<input id="checkbox" type="checkbox" name="checkbox">穷光蛋</td>
</tr>
<tr>
<td></td>
<td>ctrl加选项多选</td>
</tr>
</tr>
<tr>
<td><input type="submit" value="注册" ></td>
<td><input type="reset"></td>
</tr>
</table>
</form>
</body>
</html>

posted @ 2016-08-18 12:58  火山林风  阅读(180)  评论(0编辑  收藏  举报