html编程题目
制作一张用户注册页面，使用表单技术，包含文本框、密码框、文本域、单选按钮组、多选按钮组、下拉列表菜单、提交按钮，把代码发一下就可以。。。。...
制作一张用户注册页面，使用表单技术，包含文本框、密码框、文本域、单选按钮组、多选按钮组、下拉列表菜单、提交按钮，把代码发一下就可以。。。。
展开
展开全部
其他参考链接：
http://zhidao.baidu.com/question/938981082085016292
http://zhidao.baidu.com/question/2012588592262975668
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>
参考链接属于没有诚 信的人提的问题
</title>
<style>
*{
margin:0;
outline:none;
}
.wrap{
margin:auto;
width:500px;
height:450px;
background-color:white;
border:1px solid gray;
border-radius:5px;
}
table{
width:100%;
border-collapse:collapse;
font:normal 13px '微软雅黑';
}
caption{
font-size:20px;
color:rgb(158, 99, 99);
padding:12px;
}
td input[type=text]{
border:1px solid rgb(46, 128, 216);
border-radius:5px;
width:80%;
height:25px;
}
tr{
line-height:50px;
}
td textarea{
resize:none;
width:80%;
height:100px;
border:1px solid rgb(46, 128, 216);
border-radius:5px;
}
tr td:first-child{
text-align:right;
}
td input[type=submit],
td input[type=reset]{
background-color:rgb(52, 114, 143);
color:white;
border:0;
width:75px;
height:25px;
border-radius:5px;
cursor:pointer;
margin:10px;
}
</style>
<script>
var ck = function(form){
var reg = /^\s+|\s+$/g;
if(form.zt.value.replace(reg, "") == ""){
alert("请输入主题");
form.zt.focus();
return false;
}else if(form.xq.value.replace(reg, "") == ""){
alert("请输入详细需求");
form.xq.focus();
return false;
}else if(form.sqr.value.replace(reg, "") == ""){
alert("输入申请人");
form.sqr.focus();
return false;
}else if(!/^1([38]\d|4[57]|5[0-35-9]|7[06-8])\d{8}$/.test(form.tel.value.replace(reg, ""))){
alert("联系电话不符规格");
form.tel.focus();
form.tel.select();
return false;
}else if(form.num.value.replace(reg, "") == ""){
alert("输入QQ/微信号");
form.num.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form class="wrap" onsubmit="return ck(this)">
<table>
<caption>
定制申请
</caption>
<tr>
<td>
*主题:
</td>
<td>
<input type="text" name="zt" />
</td>
</tr>
<tr>
<td style="vertical-align:top;">
*详细需求:
</td>
<td>
<textarea name="xq"></textarea>
</td>
</tr>
<tr>
<td>
*申请人:
</td>
<td>
<input type="text" name="sqr" />
</td>
</tr>
<tr>
<td>
*联系电话:
</td>
<td>
<input type="text" name="tel" />
</td>
</tr>
<tr>
<td>
*QQ/微信号:
</td>
<td>
<input type="text" name="num" />
</td>
</tr>
<tr>
<td colspan=2 style="text-align:center;">
<input type="submit" value="提交" />
<input type="reset" value="重填" />
</td>
</tr>
</table>
</form>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div class="register_w">
<div class="register">
<div class="field">
<label>用户名</label>
<input class=" width3" type="text" value="" onfocus="clearText(this)" onblur="clearText(this)">
<font class="r_hint">请填写用户名</font>
</div>
<div class="field">
<label>密码</label>
<input class=" width3" type="text" value="" onfocus="clearText(this)" onblur="clearText(this)">
<font class="r_hint">请输入密码，长度在6-16位之间</font>
</div>
<div class="field">
<label>确认密码</label>
<input class=" width3" type="text" value="" onfocus="clearText(this)" onblur="clearText(this)">
<font class="r_hint">请输入确认密码</font>
</div>
<div class="field">
<label>真实姓名</label>
<input class=" width3" type="text" value="" onfocus="clearText(this)" onblur="clearText(this)">
<font class="r_hint">请输入您的真实姓名</font>
</div>
<div class="field">
<label>性别</label>
<div class="radios">
<div class="radio"><input name="sex" type="radio" value="" size="12">男</div>
<div class="radio"><input name="sex" type="radio" value="" size="12">女</div>
</div>
</div>
<div class="field">
<label>联系方式</label>
<input class=" width3" type="text" value="" onfocus="clearText(this)" onblur="clearText(this)">
<font class="r_hint">请输入您的手机/固定电话</font>
</div>
<div class="clear"></div>
<div class="register_p">
<p><input name="" type="checkbox" value=""> 我已阅读并接受 <a href="#" class="blue">注册条款</a>。</p>
</div>
<div class="login_submit clearfix">
<a href="#">
<strong>提 交</strong>
</a>
</div>
<div class="clear"></div>
<div class="login_p"><p>>已有账号？<a href="login.html">立即登录</a></p></div>
</div>
</div>
<!--E login_w-->
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
