当前位置：文档之家 › html用户验证

html用户验证

  • 格式：rtf
  • 大小：9.70 KB
  • 文档页数：2

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style type="text/css">
#ME
{
text-align:center;
}
</style>
<script type="text/javascript">
<!--
function judege()
{
var id=document.form;
if ((.value=="")||(id.mess1.value==""))
{
window.alert("输入的用户名或密码不能为空");
}
else if
((.value).length<6||(.value).length>16||(id.mess1.value).length<6||(id.mess1.va lue).length>16)
{
window.alert("用户名和密码必须是6到16位");
}
else if (id.mess1.value!=id.mess2.value)
{
window.alert("密码和验证密码必须一致");
}
else
{window.alert("密码和验证密码填写正确");}
}
//-->
</script>
<title>用户登录验证</title>
</head>
<body>
<div id="ME">
<form name="form" method="post" action="" >
<p>
&nbsp;&nbsp;用户名
<input type="text" size=20 maxlength=16 name="name" >
</p>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;密码
<input type="password" size=20 maxlength=16 name="mess1"> </br>
确认密码
<input type="password" size=20 maxlength=16 name="mess2">
</p>
<input type="button" name="go" value="登录" onclick="judege()"> <form>
<div>
</body>
</html>。

合集下载

HTML制作网页表单验证代码

HTML制作网页表单验证代码

["贵阳","六盘水","遵义","安顺","铜仁","毕节","黔西南","黔东南","黔南"],
["昆明","曲靖","玉溪","保山","昭通","丽江","普洱","临沧","文山","红河","西双版纳","楚雄","大理","德宏","怒江","迪庆"],
["拉萨","昌都","山南","日喀则","那曲","阿里","林芝"],
["武汉","十堰","襄樊","鄂州","黄石","荆州","宜昌","荆门","孝感","黄冈","咸宁","随州","恩施"],
["长沙","株洲","湘潭","岳阳","邵阳","常德","衡阳","张家界","益阳","郴州","永州","怀化","娄底","湘西"],
复杂表单例题html

复杂表单例题html

复杂表单例题html在Web开发中，表单是用户与网站进行信息交互的重要组成部分。

复杂表单通常包含多个字段、选项和验证规则。

以下是一个HTML复杂表单的例题，包含了常见的表单元素和一些基本的验证需求。

1. 表单基本结构：<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, initial-sc ale=1.0"><title>复杂表单示例</title><link rel="stylesheet"href="styles.css"><!--样式表链接--></head><body><form id="complexForm"action="submit.php"method="post"> <!--姓名--><label for="name">姓名：</label><input type="text"id="name"name="name"required><!--邮箱--><label for="email">邮箱：</label><input type="email"id="email"name="email"required><!--电话--><label for="phone">电话：</label><input type="tel"id="phone"name="phone"pattern="[0-9] {3}-[0-9]{3}-[0-9]{4}"placeholder="123-456-7890"required><!--性别--><label>性别：</label><input type="radio"id="male"name="gender"value="mal e"checked><label for="male">男性</label><input type="radio"id="female"name="gender"value="fe male"><label for="female">女性</label><!--兴趣爱好--><label>兴趣爱好：</label><input type="checkbox"id="reading"name="interests"val ue="reading"><label for="reading">阅读</label><input type="checkbox"id="traveling"name="interests"val ue="traveling"><label for="traveling">旅行</label><input type="checkbox"id="sports"name="interests"value ="sports"><label for="sports">运动</label><!--下拉框--><label for="country">选择国家：</label><select id="country"name="country"><option value="china">中国</option><option value="usa">美国</option><option value="uk">英国</option></select><!--文本域--><label for="message">留言：</label><textarea id="message"name="message"rows="4"cols="5 0"></textarea><!--提交按钮--><button type="submit">提交</button></form></body></html>2. 说明与解析：•<form>标签：包裹整个表单，定义了表单的基本属性，如action 和method。

html登录api用法

html登录api用法

HTML登录API用法HTML登录API是一种用于实现用户登录功能的接口。

通过使用该API，开发者可以在网页中添加登录功能，使用户能够通过输入用户名和密码来进行身份验证，并提供相应的登录状态反馈。

本文将介绍HTML登录API的基本用法，包括表单构建、数据传输和验证处理等方面的内容。

1. 表单构建在使用HTML登录API之前，首先需要在网页中创建一个登录表单。

可以使用HTML 的<form>元素来构建表单，如下所示：<form action="/login" method="post"><label for="username">用户名：</label><input type="text" id="username" name="username" required><label for="password">密码：</label><input type="password" id="password" name="password" required><input type="submit" value="登录"></form>上述代码中，action属性指定了表单提交的目标URL，method属性指定了提交方式为POST。

表单中包含了用户名和密码的输入框，以及一个提交按钮。

2. 数据传输当用户点击登录按钮后，表单中的数据将被封装为HTTP请求，通过POST方式发送到服务器。

服务器端接收到请求后，可以从请求中获取用户名和密码，并进行相应的验证和处理。

完整注册登陆php源码，附带session验证。

完整注册登陆php源码，附带session验证。

完整注册登陆php源码，附带session验证。

1、⾸先先写表单页⾯login.html.<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>⽤户登陆</title></head><!-- 定义输⼊表单样式 --><style type="text/css">html{font-size: 12px;}fieldset{width:200px;margin:0 auto;}legend{font-weight: bold; font-size: 14px;}label{float:left; width:70px; margin-left:10px;}.left{margin-left:80px;}.input{width:150px;}span{color: #666666;}</style><!-- 验证表单是否输⼊ --><script type="text/javascript">function InputCheck(LoginForm){if(ername.value==''){alert('请输⼊⽤户名！');ername.focus();return (false);}if(LoginForm.password.value==''){alert('请输⼊密码！');LoginForm.password.focus();return (false);}}</script><body><div><fieldset><legend>⽤户登陆</legend><form name="LoginForm" method="post" action="login.php" onSubmit="return InputCheck(this)"><p><lable for="username" class="lable">⽤户名：</lable><input id="username" name="username" type="text" class="input" /></p><p><lable for="password" class="lable">密　码：</lable><input id="password" name="password" type="text" class="input" /></p><p><input name="submit" value="提交" type="submit" />　<a href="reg.html">点此注册</a></p></form></fieldset></div></body></html>2、然后写登陆源码。