您现在的位置是：网站首页> 编程资料编程资料

HTML绘制用户注册页面 Html5实现用户注册自动校验功能实例代码HTML用户注册页面设置源码

2021-08-30 1387人已围观

简介这篇文章主要为大家详细介绍了HTML绘制用户注册页面的的相关代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。