HTML简单的用户注册页面

来源:互联网 发布:中国创新能力知乎 编辑:程序博客网 时间:2024/04/29 08:55
<!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=gb2312" /><title>用户注册页面</title></head><body><fieldset><legend>用户的注册区域</legend><form method="post" action=""><table border="1" bordercolor="#0099ff" cellpadding="10px" cellspacing="0"><tr><th colspan="3">注册页面</th></tr><tr><td>用户名:</td><td><input  type="text" name="name" value="--请输入用户名--"/></td><td><font color="#FF0000">*不能以数字、下划线开头</font></td></tr><tr><td>密码:</td><td><input type="password" nam="pwd" /></td><td><font color="#FF0000">*数字和字母的组合</font></td></tr><tr><td>确认密码:</td><td><input type="password" nam="pwd" /></td><td><font color="#FF0000">*重新输入上面的密码</font></td></tr><tr><td>性别:</td><td><input type="radio" name="sex" value="nan" checked="checked"/>男<input type="radio" name="sex" value="nv" />女</td><td><font color="#FF0000">*要慎重选择</font></td></tr><tr><td>技术:</td><td><input type="checkbox" name="technology" value="java"/>java<input type="checkbox" name="technology" value="html"/>html<input type="checkbox" name="technology" value="php"/>php</td><td><font color="#FF0000">*可以多选</font></td></tr><tr><td>国籍:</td><td><select name="country"/><option value="none">---选择国家---</option><option value="cn">中国</option><option value="usa">美国</option><option value="en">英国</option><option value="jp">日本</option></td><td><font color="#FF0000">*选择自己所在的国家</font></td></tr><tr><th colspan="3"><input type="submit" name="submit" value="提交" /><input type="reset" name="reset" value="重置" /></th></tr></table></form></fieldset></body></html>

效果图如下: