HTML的练习题，求解

在线等大佬解决。... 在线等大佬解决。展开

 我来答

5个回答

#热议# 发烧为什么不能用酒精擦身体来退烧？

要不断的粘痰
2019-06-09 · 超过19用户采纳过TA的回答

知道答主

回答量：109

采纳率：33%

帮助的人：32.3万

我也去答题访问个人页

关注

展开全部

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表单</title>
</head>
<style>
* {
	margin: 0 auto;
	padding: 0;
}
body {
	background-color: #8acff0;
}
.zongjian {
	width: 300px;
	margin: 0 auto;
	margin-top: 10%;
}
.zongjian p {
	width: 100%;
	float: left;
	line-height: 30px;
}
.zongjian p span {
	line-height: 30px;
	margin-right: 10px;
}
.zongjian p input {
	line-height: 20px;
}
.zongjian p font {
	color: red;
	font-size: 18px;
	line-height: 30px;
	margin-left: 5px;
}
.zuce {
	background-color: #7df9dd;
	float: right;
	font-size: 14px;
	padding: 2px 5px;
	box-shadow: 1px 0px 0px 2px rgba(79, 180, 190, 0.9686274509803922), 0px 0px 0px 2px rgba(79, 180, 190, 0.9686274509803922);
}
.tishi {
	width: 100%;
	float: left;
	color: red;
	height: 16px;
}
</style>
<body>
<div class="zongjian">
  <p><span>会员账号:</span>
    <input id="name" onblur="onname()">
    <font>*</font></p>
  <div class="tishi" id="namets"></div>
  <p><span>邮箱地址:</span>
    <input id="email" onblur="onemail()">
    <font>*</font></p>
  <div class="tishi" id="emailts"></div>
  <p><span>登录密码:</span>
    <input id="password" onblur="onpassword()">
    <font>*</font></p>
  <div class="tishi" id="passwordts"></div>
  <p><span>确认密码:</span>
    <input id="qrpassword" onblur="onqrpassword()" type="password">
    <font>*</font></p>
  <div class="tishi" id="qrpasswordts"></div>
  <div class="zuce" onClick="tijiao()">注册</div>
</div>
<script>
function onname()
{
   var name = document.getElementById('name').value;
   if(name=="")
   {
	  document.getElementById('namets').innerText = "会员账号不能为空";
	  return false
	}
	else if(name.length < 9)
	{
		document.getElementById('namets').innerText = "账号不能少于9位！";
		return false
		}
	else
	{
		 document.getElementById('namets').innerText = "";
		 return true
		}
}
function onemail()
{
    var email = document.getElementById('email').value;	
	if(email=="")
    {
	  document.getElementById('emailts').innerText = "邮箱不能为空";
	  return false
	}
	else if(email.indexOf('@')<0)
	{
		document.getElementById('emailts').innerText = "邮箱必须存在@";
		return false
		}
		else
	{
		 document.getElementById('emailts').innerText = "";
		 return true
		}

}
function onpassword()
{
     var password = document.getElementById('password').value;
	 if(password=="")
    {
	  document.getElementById('passwordts').innerText = "密码不能为空";
	  return false
	}
	else if(password.length < 6)
	{
      document.getElementById('passwordts').innerText = "密码必须大于6位";
	  return false
		}
		else
	{
		 document.getElementById('passwordts').innerText = "";
		return true
	}

}
function onqrpassword()
{     
    var password = document.getElementById('password').value;
    var qrpassword = document.getElementById('qrpassword').value;
	if(qrpassword=="")
    {
	  document.getElementById('qrpasswordts').innerText = "确认密码不能为空";
	  return false
	}
	else if(password!=qrpassword)
	{
		document.getElementById('qrpasswordts').innerText = "两次输入不一致";
		return false
		}
		else
	{
		 document.getElementById('qrpasswordts').innerText = "";
		 return true
	}
     
}
function tijiao()
{	
	if(onname()&&onemail()&&onpassword()&&onqrpassword())
	{
		alert("提交成功")
		}
		else
		{
			alert("提交失败！")
			
		}

	}
</script>
</body>
</html>

已赞过 已踩过<

评论收起

博思aippt
2024-07-20 广告

作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT... 点击进入详情页

本回答由博思aippt提供

lantongzi
2019-06-09

知道答主

回答量：7

采纳率：0%

帮助的人：5122

我也去答题访问个人页

关注

展开全部

<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>testInput</title>
</head>

<body>
<div>
<div>
<input type="text" placeholder="请输入用户名" id="userName">
</div>
<div>
<input type="text" placeholder="请输入电子邮箱" id="userEmail">
</div>
<div>
<input type="password" placeholder="请输入请输入密码" id="userPassword">
</div>
<div>
<input type="password" placeholder="请再输入密码" id="validatorPassword">
</div>

<div>
<span id="register">注册</span>
</div>
</div>
<script>
// 校验邮箱的规则
var reg = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/;
var register = document.getElementById('register');
var userPassword = document.getElementById('userPassword');
var validatorPassword = document.getElementById('validatorPassword');
var userName = document.getElementById('userName');
var userEmail = document.getElementById('userEmail');
// 使用点击注册的时候进行校验
register.addEventListener('click', function () {
var nameValue = userName.value
var emailValue = userEmail.value
var passwordValue = userPassword.value
var validatorPasswordValue = validatorPassword.value
var isValidatorTrue = true;
// 判断用户名
if (!nameValue) {
console.log('用户名不能为空！');
isValidatorTrue = false;
return false
} else if (nameValue.length < 9) {
console.log('用户名长度不能小于9位！');
isValidatorTrue = false;
return false
} else {
isValidatorTrue = true;
}
// 判断邮箱
if (!emailValue) {
console.log('邮箱不能为空！');
isValidatorTrue = false;
return false
} else if (!reg.test(emailValue)) {
console.log('邮箱不符合规则！');
isValidatorTrue = false;
return false
} else {
isValidatorTrue = true;
}
// 判断密码
if (!passwordValue) {
console.log('密码不能为空！');
isValidatorTrue = false;
return false
} if (passwordValue.length < 6) {
console.log('密码长度不能小于6位！');
isValidatorTrue = false;
return false
} else {
isValidatorTrue = true;
}
// 校验密码
if (!validatorPasswordValue) {
console.log('重复密码不能为空！');
isValidatorTrue = false;
return false
} else if (validatorPasswordValue !== passwordValue) {
console.log('两次输入的密码不一致');
isValidatorTrue = false;
return false
} else {
isValidatorTrue = true;
}

if (isValidatorTrue) {
console.log('校验通过')
}
})

</script>
</body>

</html>

已赞过 已踩过<

评论收起

全职小答主
2019-06-09 · 超过10用户采纳过TA的回答

知道答主

回答量：39

采纳率：50%

帮助的人：12.3万

我也去答题访问个人页

关注

展开全部

这个需要用代码软件的表单代码来做，表单里面有可以设置密码的表单类型代码，也可以根据属性设置密码位数和没输入密码时的提示语，然后如果要在网站上完全能够应用的话，需要买域名的，想要详细了解的话需要系统学代码软件的，讲解的这么耐心详细，采纳下吧

已赞过 已踩过<

评论收起

匿名用户
2019-06-09

展开全部

想问什么？？

已赞过 已踩过<

评论收起

ioyujghr
2019-06-09 · 超过124用户采纳过TA的回答

知道小有建树答主

回答量：501

采纳率：48%

帮助的人：161万

我也去答题访问个人页

关注

展开全部

回末有“兰墅阅过”字样，“兰墅”为高鹗的字。1959年出现于北京，由中国社会科学院文学研究所购藏。梦稿本最大的特征是拥有完整的120回，原文吴语特多，它是一部手稿，但无论原文和改文都不是高鹗的笔迹。其改文被其他脂本及程本所继承。

已赞过 已踩过<

评论收起

1条折叠回答

更多回答（3）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

HTML的练习题，求解

其他类似问题

为你推荐：