A. html网页设计:一个简单的登录界面代码!
大致形式应该是这样的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
</head>
<body>
<div align="center">
<form action="" name="myform">
<table>
<tr>
<td>用户名:</td>
<td><input type="text" id="user" /></td>
</tr>
<tr>
<td>密 码:</td>
<td><input type="text" id="password" /></td>
</tr>
<tr>
<td>验证码:</td>
<td align="left"><input type="text" size="5" id="code" /></td>
</tr>
</table>
</form>
<table>
<tr>
<td>
<input type="submit" value="提交" onclick=myfun_submit() />
</td>
<td>
<input type="submit" value="重置" onclick=myfun_reset() />
</td>
</tr>
</table>
</div>
<script type="text/javascript">
function myfun_submit(){
var user_val = document.getElementById("user").value;
var password_val = document.getElementById("password").value;
if(user_val==""){
alert("用户名不能为空!!");
}else if(password_val==""){
alert("密码不能为空!!!");
}
}
function myfun_reset(){
document.getElementById("user").value = "";
document.getElementById("password").value = "";
document.getElementById("code").value = "";
}
</script>
</body>
</html>
B. web前端的登录界面怎么写,有没有demo包括后台的验证,求教
点击页面左下角的“关于此页”,再展开字段,搜索上一个页面的字段名称,再点击一个按钮查找sql代码,在代码里面找表操作步骤大概是这样。
C. web前端怎么写登录页面,求个demo包括后端验证。谢谢
我写了个Demo 你可以看看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<style>
</style>
<body>
<p>姓名:<input type="text" id="tel"></p>
<p>密码:<input type="password" id="pwd"></p>
<p class="pl40"><input type="submit" id="login" ></p>
</body>
<script>
$("#login").click(
function (){
var tel=$("#tel").val();//获取页面中登录名和密码
var pwd=$("#pwd").val();
if(tel==""|| pwd==""){//判断两个均不为空(其他判断规则在其输入时已经判断)
alert("手机号密码均不能为空!")
return false;
}else{//以上均符合要求,则调用登录esb接口
$.ajax({
url:'login.json',//相对应的esb接口地址
type:'post',
data:{"mobile":tel,"password":pwd},//向服务器(接口)传递的参数
success:function(data){//服务器(接口)返回来的数据
if(data.mobile==tel&&data.password==pwd){//如果返回来的信息说明提交的信息为正确的
window.location.href='logon.html';//正确登录后页面跳转至
}
else{//如果返回来的信息说明提供的信息为错误的
if(tel != data.tel){//判断是用户名还是密码错误,提示相应信息
alert(data.message);
$("#tel").val("");
$("#pwd").val("");
return false;
}
if(pwd != data.pwd){
alert(data.message);
$("#pwd").val("");
return false;
}
}
}
})
}
}
);
/*直接点击enter免除手动点击登录按钮*/
$(document).keyup(function(event){
if(event.keyCode ==13){
$("#login").trigger("click");
}
});
</script>
</html>
json文件内容
{
"mobile":"admin",
"password":"123",
"message":"用户名或密码错误"
}
D. javascript html 设计一个登录界面
注册页面代码:
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>注册</title>
</head>
<body>
<formmethod="post"onsubmit="returnfalse"id="form">
<inputtype="text"name="username"placeholder="用户名"><br>
<inputtype="password"name="password"placeholder="密码"><br>
<inputtype="password"name="rePassword"placeholder="再次输入密码"><br>
<inputtype="submit"onclick="register_user()"value="注册"><br>
</form>
<ahref="login.html">去登录</a><script>
varlocalDB=openDatabase('localDB','1.0','TestDB',2*1024*1024);
localDB.transaction(function(ts){
ts.executeSql('CREATETABLEIFNOTEXISTSuser(username,password)')
});
functionregister_user(){
varusername=document.getElementsByTagName("input")[0].value;
varpassword=document.getElementsByTagName("input")[1].value;
varrePassword=document.getElementsByTagName("input")[2].value;
if(password!=rePassword)
{
alert("两次输入的密码不同,请重新输入");
}else
{
localDB.transaction(function(ts){
ts.executeSql("INSERTINTOuser(username,password)VALUES('"+username+"','"+password+"');");
alert("注册成功");
});
}
}
</script>
</body>
</html>
登录页面代码:
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>登录</title>
</head>
<body>
<formonsubmit="returnfalse"method="post">
<inputtype="text"placeholder="用户名"><br>
<inputtype="password"placeholder="密码"><br>
<inputtype="submit"value="登录"onclick="login()"><br>
</form>
<ahref="register.html">去注册</a>
<script>
varlocalDB=openDatabase('localDB','1.0','TestDB',2*1024*1024);
localDB.transaction(function(ts){
ts.executeSql("SELECT*FROMuser",[],function(tx,results){
varlen=results.rows.length;
if(len<=0)
{
localDB.transaction(function(ts){
ts.executeSql('CREATETABLEIFNOTEXISTSuser(username,password)')
});
}
});
});
functionlogin(){
varusername=document.getElementsByTagName("input")[0].value;
varpassword=document.getElementsByTagName("input")[1].value;
localDB.transaction(function(ts){
ts.executeSql("SELECT*FROMuserWHEREusername='"+username+"';",[],function(ts,res){
if(res.rows.length<=0)
{
alert("登录失败,用户未注册");
}elseif(password==res.rows[0].password)
{
alert("登录成功,三秒后跳转到网络");
setInterval(function(){
location.href="https://www..com";
},3000);
}else
{
alert("登录失败,密码错误");
}
});
})
}
</script>
</body>
</html>
以上代码使用了WEB SQL,还请选择合适的浏览器查看。
E. 在写一个简单的JavaWeb注册登录页面,jsp+servlet+service++xml+bean来实现。
你是把jsp加载到MyEclipse中打开的吗?你应该是直接打开的吧?
你可以按照我说的方法来写:
1,设计数据库
2. 写javaBean
3.在中写方法和方法的实现
4,完成Servlet
5.写jsp页面
6.在XML中配置
7,启动服务器,运行
F. 网站前台界面哪有下载,不知哪个仁兄能共享一下Web界面
不知道你用的是什么语言的,网上应该有不少例子,如果只看前台的话,发布时html,aspx,js文件都是没有加密过的。
可以到华军软件园,这一类网站去下载,有不少是有源代码的。
G. JavaWeb开发 登陆界面
检查我给你圈的两个类,你可以是没作空判断。提交空参数
H. 谁有web登陆页面的全部代码
51aspx上一大锥