今天分享下”前端知识分享小课堂—html(简易用户注册页面) “这篇文章,文中根据实例编码详细介绍,或许对大家的编程之路有着一定的参考空间与使用价值,需要的朋友接下来跟着云南仟龙Mark一起学习一下吧。
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"// http://www.qlyl1688.com >
<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>
以上是云南仟龙Mark给大家介绍的所有内容,希望对大家有所帮助,如果大家有任何疑问请在脚本之家留言,如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!