Html注册表单示例

最新推荐文章于 2024-06-11 11:33:55 发布

aziyywg3619

最新推荐文章于 2024-06-11 11:33:55 发布

阅读量240

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/CarolHuang/p/5787943.html

版权

Html注册表单示例

注册表单示例，出自《网页开发手记：Html，CSS，JavaScript实战详解》。

	<html>
	<head>
	<title>注册表单</title>
	</head>
	<body>
	<form name="form_set" method="post" action="form_rec.asp">
	<table width="450" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr>
	<th scope="col">用户注册</th>
	</tr>
	<tr>
	<td>
	<fieldset>
	<legend>身份验证-必填信息</legend>
	<table width="85%" border="0" align="center" cellpadding="0" cellspacing="2">
	<tr>
	<td width="25%" align="right">用户名</td>
	<td><input type="text" size="16" name="txt" /></td>
	</tr>
	<tr>
	<td width="25%" align="right">密  码</td>
	<td><input type="password" size="16" /></td>
	</tr>
	<tr>
	<td width="25%" align="right">密码确认</td>
	<td><input type="password" size="16" title="请确保和以上密码一致" /></td>
	</tr>
	</table>
	</fieldset>
	</td>
	</tr>
	<tr>
	<td>
	<fieldset>
	<legend>身份信息-选填信息</legend>
	<table width="85%" border="0" align="center" cellpadding="0" cellspacing="2">
	<tr>
	<td width="25%" align="right">所在城市</td>
	<td><input type="text" size="16" /></td>
	</tr>
	<tr>
	<td width="25%" align="right">工作单位</td>
	<td><input type="text" size="30" /></td>
	</tr>
	<tr>
	<td width="25%" align="right">家庭住址</td>
	<td><input type="text" size="30" /></td>
	</tr>
	</table>
	</fieldset>
	</td>
	</tr>
	<tr>
	<td>
	<fieldset>
	<legend>其他个人信息</legend>
	<table width="85%" border="0" align="center" cellpadding="0" cellspacing="2">
	<tr>
	<td width="25%" align="right">性别</td>
	<td>
	<select>
	<option selected="selected">男孩</option>
	<option>女孩</option>
	</select>
	</td>
	</tr>
	<tr>
	<td width="25%" align="right">爱好</td>
	<td><label><input type="checkbox" name="fav" />音乐</label>
	<label><input type="checkbox" name="fav" />体育</label>
	<label><input type="checkbox" name="fav" checked="checked" />计算机</label>
	</td>
	</tr>
	<tr>
	<td width="25%" align="right">喜欢的公司</td>
	<td><label><input type="radio" name="fav2" />百度</label>
	<label><input type="radio" name="fav2" />微软中国</label>
	<label><input type="radio" name="fav2" />谷歌中国</label>
	</td>
	</tr>
	<tr>
	<td width="25%" align="right" valign="top">个人简介</td>
	<td><textarea cols="30" rows="4" wrap="physical" title="请写下您的个人介绍，让大家更进一步地互相了解"></textarea>
	</td>
	</tr>
	</table>
	</fieldset>
	</td>
	</tr>
	<tr>
	<td><table width="85%" border="0" cellspacing="2" cellpadding="0">
	<tr>
	<td align="right"><input type="submit" value="提交您的资料" /></td>
	<td><input type="reset" value="重新填写资料" /></td>
	</tr>
	<tr>
	<td align="right"><input type="button" value="无效按钮" disabled="disabled" /></td>
	<td></td>
	</tr>
	</table> </td>
	</tr>
	</table>
	</form>
	</body>
	</html>