html登录界面设计代码，网页设计html软件
大家好，今天给各位分享html登录界面设计代码的一些知识，其中也会对网页设计html软件进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！
html网页登录界面跳转设计
下面列了五个例子来详细说明，这几个例子的主要功能是：在5秒后，自动跳转到同目录下的hello.html（根据自己需要自行修改）文件。
1) html的实现
<head>
<!--以下方式只是刷新不跳转到其他页面-->
<meta http-equiv="refresh" content="10">
<!--以下方式定时转到其他页面-->
<meta http-equiv="refresh" content="5;url=hello.html">
</head>
优点：简单
缺点：Struts Tiles中无法使用
2) javascript的实现
<script language="javascript" type="text/javascript">
//以下方式直接跳转
window.location.href='hello.html';
//以下方式定时跳转
setTimeout("javascript:location.href='hello.html'", 5000);
</script>
优点：灵活，可以结合更多的其他功能
缺点：受到不同浏览器的影响
3)结合了倒数的javascript实现（IE）
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second= totalSecond.innerText;
setInterval("redirect()", 1000);
function redirect(){
totalSecond.innerText=--second;
if(second<0) location.href='hello.html';
}
</script>
优点：更人性化
缺点：firefox不支持（firefox不支持span、div等的innerText属性）
3')结合了倒数的javascript实现（firefox）
<script language="javascript" type="text/javascript">
var second= document.getElementById('totalSecond').textContent;
setInterval("redirect()", 1000);
function redirect()
{
document.getElementById('totalSecond').textContent=--second;
if(second< 0) location.href='hello.html';
}
</script>
4)解决Firefox不支持innerText的问题
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
if(navigator.appName.indexOf("Explorer")>-1){
document.getElementById('totalSecond').innerText="my text innerText";
} else{
document.getElementById('totalSecond').textContent="my text textContent";
}
</script>
5)整合3)和3')
<span id="totalSecond">5</span>
<script language="javascript" type="text/javascript">
var second= document.getElementById('totalSecond').textContent;
if(navigator.appName.indexOf("Explorer")>-1){
second= document.getElementById('totalSecond').innerText;
} else{
second= document.getElementById('totalSecond').textContent;
}
setInterval("redirect()", 1000);
function redirect(){
if(second< 0){
location.href='hello.html';
} else{
if(navigator.appName.indexOf("Explorer")>-1){
document.getElementById('totalSecond').innerText= second--;
} else{
document.getElementById('totalSecond').textContent= second--;
}
}
}
</script>
参考
求html登陆界面详细代码 要可以登陆,用数据库保存
上面给你的是asp的，这边给你个php的，你看下，不懂再问我
<?php
include("config.php");
session_start();
/*--------------------删除cookies记录，让cookies过期-----------------------------------*/
if($_GET["del"]=="cookies")
{
setcookie("usercookies","", time()-3600);
setcookie("pwdcookies","", time()-3600);
echo"<SCRIPT type=text/javascript>
var n= 5;
var timer= setInterval(function(){
n--;
document.getElementById('second').innerHTML= n;
if(n== 0){
clearInterval(timer);
window.location='login.php';
}
}, 1000);
</SCRIPT>删除成功<br><B class='chengse STYLE1' id=second>5</B>秒后回到首页";
exit();
}
/*------------------------如果判断已经有cookies存在，则进行自动登录操作----------------------------------*/
if($_COOKIE["usercookies"]!="" and$_COOKIE["pwdcookies"]!="")
{
$username=$_POST["username"];
$userpassword=$_POST["userpassword"];
$sql=mysql_query("select* from user where username='$username' and userpassword='$userpassword'");
$rs=mysql_fetch_array($sql);
echo"自动跳转成功";
//exit();
}
/*----------------------------点击登录按钮后的动作act=login----------------------------------*/
if($_GET["act"]=="login")
{
/*------------------判断获取的验证码是否一致-------------------------*/
/*if(strtoupper($_SESSION["vcode"])!=strtoupper($_POST["Code"]))
{
echo("<script type='text/javascript'> alert('对不起，验证码错误！');location.href='javascript:onclick=history.go(-1)';</script>");
exit();
}*/
/*------------------------点击登录按钮后如果判断已经有cookies存在，则进行自动登录操作----------------------------------*/
if($_COOKIE["usercookies"]!="" and$_COOKIE["pwdcookies"]!="")
{
$username=$_POST["username"];
$userpassword=$_POST["userpassword"];
$sql=mysql_query("select* from user where username='$username' and userpassword='$userpassword'");
$rs=mysql_fetch_array($sql);
if($_POST["username"]==$rs["username"] and$_POST["userpassword"]==$rs["userpassword"])
{
echo"<script type='text/javascript'> alert('存在cookies登录跳转成功！');location.href='javascript:onclick=history.go(-1)';</script>";
exit();
}
else
{
echo"<script type='text/javascript'> alert('存在cookies登录跳转失败！');location.href='javascript:onclick=history.go(-1)';</script>";
exit();
}
exit();
}
/*-------------------点击登录后判断cookies不存在则进行登录比较用户名密码------------------------------*/
$username=$_POST["username"];
$userpassword=md5($_POST["userpassword"]);
$sql=mysql_query("select* from user where username='$username' and userpassword='$userpassword'");
if($rs=mysql_fetch_array($sql))
{
/*---------------------用户名密码判断正确，写入cookies动作，同时进行跳转------------------------------------*/
setcookie("usercookies",$_POST["username"], time()+3600*48);
setcookie("pwdcookies", md5($_POST["userpassword"]), time()+3600*24);
header('Location: ;);
exit();
}
else
{
/*-------------------判断用户名密码错误，弹出错误提示---------------------------*/
echo"<script type='text/javascript'> alert('用户名或密码错误，请重新输入！');location.href='javascript:onclick=history.go(-1)';</script>";
exit();
}
}
/*
$user_IP=$_SERVER["REMOTE_ADDR"];//获取访问者IP
$file_name=date('Y-m-d').'.txt';//以当前的日期建立txt文件
$file=fopen($file_name,"a+");//如果存在该文件就打开，如果不存在就创建
fwrite($file,$user_IP.'--'.date('Y-m-d H:i:s')."\r\n");//将访问者IP及当前时刻写到文件最后,\r\n在文档最后换行
fclose($file);//关闭文件
*/
?>
<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>COOKIES判断是否自动登录</title>
</head>
<body>
<form action="?act=login" method="post">
<input name="username" type="text" id="username" value="<?php if($_COOKIE["usercookies"]!=""){echo$_COOKIE["usercookies"];}?>"/>
<input name="userpassword" type="password" id="userpassword" value="<?php if($_COOKIE["pwdcookies"]!=""){echo$_COOKIE["pwdcookies"];}?>"/>
<!--<img src="yanzhengma_class.php" title="看不清楚?请点击刷新验证码" onClick="this.src='yanzhengma_class.php?t='+(new Date().getTime());" height="20px;"><input name="Code" type="text" id="Code" value=""/>-->
<input name="" type="submit"/>
</form>
<a rel="external nofollow" href="?del=cookies">删除cookies</a>
</body>
</html>
用java写一个登陆界面代码。
概述具体框架使用jframe，文本框组件：JTextField；密码框组件：JPasswordField；标签组件：JLabel；复选框组件：JCheckBox；单选框组件：JRadioButton；按钮组件JButton。
登录界面：
代码实例
import javax.swing.*;
import java.awt.*;//导入必要的包
public class denglu extends JFrame{
JTextField jTextField;//定义文本框组件
JPasswordField jPasswordField;//定义密码框组件
JLabel jLabel1,jLabel2;
JPanel jp1,jp2,jp3;
JButton jb1,jb2;//创建按钮
public denglu(){
jTextField= new JTextField(12);
jPasswordField= new JPasswordField(13);
jLabel1= new JLabel("用户名");
jLabel2= new JLabel("密码");
jb1= new JButton("确认");
jb2= new JButton("取消");
jp1= new JPanel();
jp2= new JPanel();
jp3= new JPanel();
//设置布局
this.setLayout(new GridLayout(3,1));
jp1.add(jLabel1);
jp1.add(jTextField);//第一块面板添加用户名和文本框
jp2.add(jLabel2);
jp2.add(jPasswordField);//第二块面板添加密码和密码输入框
jp3.add(jb1);
jp3.add(jb2);//第三块面板添加确认和取消
// jp3.setLayout(new FlowLayout());//因为JPanel默认布局方式为FlowLayout，所以可以注销这段代码.
this.add(jp1);
this.add(jp2);
this.add(jp3);//将三块面板添加到登陆框上面
//设置显示
this.setSize(300, 200);
//this.pack();
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
this.setVisible(true);
this.setTitle("登陆");
}
public static void main(String[] args){
new denglu();
}
}
拓展内容java swing包
Swing是一个为Java设计的GUI工具包。
Swing是JAVA基础类的一部分。
Swing包括了图形用户界面（GUI）器件如：文本框，按钮，分隔窗格和表。
Swing提供许多比AWT更好的屏幕显示元素。它们用纯Java写成，所以同Java本身一样可以跨平台运行，这一点不像AWT。它们是JFC的一部分。它们支持可更换的面板和主题（各种操作系统默认的特有主题），然而不是真的使用原生平台提供的设备，而是仅仅在表面上模仿它们。这意味着你可以在任意平台上使用JAVA支持的任意面板。轻量级组件的缺点则是执行速度较慢，优点就是可以在所有平台上采用统一的行为。
概念解析：
JFrame_ java的GUI程序的基本思路是以JFrame为基础，它是屏幕上window的对象，能够最大化、最小化、关闭。
JPanel_ Java图形用户界面(GUI)工具包swing中的面板容器类，包含在javax.swing包中，可以进行嵌套，功能是对窗体中具有相同逻辑功能的组件进行组合，是一种轻量级容器，可以加入到JFrame窗体中。。
JLabel_ JLabel对象可以显示文本、图像或同时显示二者。可以通过设置垂直和水平对齐方式，指定标签显示区中标签内容在何处对齐。默认情况下，标签在其显示区内垂直居中对齐。默认情况下，只显示文本的标签是开始边对齐；而只显示图像的标签则水平居中对齐。
JTextField_一个轻量级组件，它允许编辑单行文本。
JPasswordField_允许我们输入了一行字像输入框，但隐藏星号(*)或点创建密码(密码)
JButton_ JButton类的实例。用于创建按钮类似实例中的"Login"。
关于html登录界面设计代码，网页设计html软件的介绍到此结束，希望对大家有所帮助。