HTML绘制用户注册页面

来源：爱站网时间：2020-04-14编辑：网友分享

注册表单在开发网站中是很常见的，用户需要提交资料前，都要核查资料的完整性，今天爱站技术频道就带大家来说说HTML绘制用户注册页面的简单操作，感兴趣的朋友们一起进入下文学习吧！

XML/HTML Code复制内容到剪贴板

html>
head>
script>
function aa()
{
var s;
s=reg.user.value;
alert("用户名是"+s);
}
function aa2(t)
{
var p1,p2;
alert(t);
p1=reg.pass1.value;
p2=reg.pass2.value;
if(p1!=p2)
alert("两次密码不一致");
}
script>
head>
body>
h1 align="center">注册h1>
table align="center" border="2" width="400" bgcolor="pink">
form name="reg">
tr>td>用户名td>td>input type="text" name="user">td>tr>
tr>td>密码td>td>input type="password" name="pass1">td>tr>
tr>td>确认密码td>td>input type="password" name="pass2" onblur="aa2(this)">td>tr>
tr>td>性别td>td>input type="radio" name="sex" value="1">男input type="radio" name="sex" value="2" checked>女td>tr>
tr>td>爱好td>td>input type="checkbox" name="hb1" value="ft">足球 input type="checkbox" name="hb2" value="ms">音乐input
type="checkbox" name="hb3" value="tor" />旅游td>tr>
tr>td colspan="2">input type="file" name="f1" />td>tr>
tr>td>学院td>td>
select name="s">
option value="1" selected>信息学院option>
option value="2">管理学院option>
option value="3">机电学院option>
select>
tr>td colspan="2" align="center">input type="button" value="提交" onclick="aa()" /> input type="reset" value="重置" />td>tr>
form>
body>
html>

最后，建议大家在爱站技术频道进行学习，这个网站上有很多专业的内容介绍，当然也包括HTML绘制用户注册页面。