登录界面模板html代码,网页登录页面模板

广告位招租
联系电话:13518188210

html网页设计:一个简单的登录界面代码!

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>

java 求一个好的登录界面

java 求一个好的登录界面

效果如图:

代码如下:

不懂的可以继续问我

import java.awt.event.ActionEvent;

import java.awt.event.ActionListener;

import javax.swing.ImageIcon;

import javax.swing.JButton;

import javax.swing.JFrame;

import javax.swing.JLabel;

import javax.swing.JPanel;

import javax.swing.JPasswordField;

import javax.swing.JTextField;

import entity.*;

import dao.*;

public class Login extends JFrame implements ActionListener {

userBean user=new userBean();

String name;

String password;

private JPanel jp = new JPanel();

private JLabel label=new JLabel();

private JLabel[] jlArr = { new JLabel("用户名:"), new JLabel("密码:"),new JLabel("") };

private JButton[] jbArr = { new JButton("登录"), new JButton("重置") };

private JTextField jt = new JTextField();

private JPasswordField pwd = new JPasswordField();

public Login() {

jp.setLayout(null);

for (int i = 0; i < 2; i++) {

jlArr[i].setBounds(30, 20 + i * 50, 80, 26);

jbArr[i].setBounds(50 + i * 100, 130, 80, 26);

jp.add(jlArr[i]);

jp.add(jbArr[i]);

jbArr[i].addActionListener(this);

}

jt.setBounds(80, 20,180,30);

jp.add(jt);

jt.addActionListener(this);

pwd.setBounds(80,70,180,30);

jp.add(pwd);

pwd.setEchoChar('*');

pwd.addActionListener(this);

jlArr[2].setBounds(10,180,300,30);

jp.add(jlArr[2]);

String url="1.png";

label.setIcon(new ImageIcon(url));

this.add(jp);

this.setTitle("库存管理用户登录");

this.setResizable(false);

this.setBounds(100,100,300,250);

this.setVisible(true);

}

@Override

public void actionPerformed(ActionEvent e){

if(e.getSource()==jt){

jt.requestFocus();

}else if(e.getSource()==jbArr[1]){

jlArr[2].setText("");

jt.setText("");

pwd.setText("");

jt.requestFocus();

}else{

name=jt.getText();

password=String.valueOf(pwd.getPassword());

user.setName(name);

user.setPassword(password);

try {

if(daofactory.getuserInstance().login(user)){//这里是我自己的查询数据库用户名和密码是否正确的方法

jlArr[2].setText("登录成功!");

}else{jlArr[2].setText("请输入正确的用户名和密码!");}

} catch (Exception e1) {

e1.printStackTrace();

}

}

}

public static void main(String[] args){

new Login();

}

}

WordPress教程:自定义登录界面网站模板元素

WordPress教程:自定义登录界面网站模板元素

我们在平时使用wordpress的时候,有可能希望将登录页面开放给访客,那么就涉及到了wordpress主题页面定制,但传统方法的定义,改CSSJSPHP,往往意味着版本更新,就要重新来过,太繁琐,不过可以通过简短的方式实现。
自定义登录LOGO
将下面代码放在主题目录内的functions.php文件内即可,也可以自己定义一个插件放在里面

//自定义登录LOGO
function
custom_loginlogo()
{
$UAZOH_PLUGIN_URL
=
WP_PLUGIN_URL."/".dirname(plugin_basename(__FILE__));
echo'';
}
add_action('login_head',
'custom_loginlogo');
//自定义登录LOGO的超级链接
by
www.moke8 .康姆
function
custom_loginlogo_url($url)
{
return
'http://www.uazoh .康姆';
}
add_filter(
'login_headerurl',
'custom_loginlogo_url'
);
自定义登录页面风格
将下面代码放在主题目录内的functions.php文件内即可,也可以自己定义一个插件放在里面,也可和上面的方法合并使用.
通过下面的定义登录背景色变成淡灰色,登录按钮变成深灰色。也可以自己再添加:hover等伪类修改悬停、点击等样式

//自定义登录页面风格
function
uazoh_custom_login_page()
{
echo'';
}
add_action('login_head',
'uazoh_custom_login_page');
自定义登录页面风格(图片轮换背景)
将下面代码放在主题目录内的functions.php文件内即可,也可以自己定义一个插件放在里面,也可和上面的方法合并使用.
使用到的的jQuery插件下载:
jquery.backstretch.min.js
需要在你主题下面建立一个login_page_bg文件夹,也可以修改下面var
imgsrc部分代码,改成自己的地址

//自定义登录页面风格(图片轮换背景)
function
uazoh_custom_login_page_imgbackground()
{
echo
'
';
}
add_action('login_head',
'uazoh_custom_login_page_imgbackground');
修改登录界面地址
将下面代码放在主题目录内的functions.php文件内即可,也可以自己定义一个插件放在里面
修改完成后,登录页的地址就是http://域名/wp-login.php?usr=Ga6ges2vo
,没有usr=Ga6ges2vo字段的登录地址就无法访问,会跳转到下面定义的地址
这个方法对于高手来说有很严重的漏洞

//修改登录界面地址
function
Uazoh_login_url_crk(){
$uel_f='usr';//等号前的内容
$uel_b='Ga6ges2vo';//等号后的内容
if($_GET{$uel_f}
!=
$uel_b)header('Location:
http://www.moke8 .康姆');//如果还用原来的登录地址,会自动跳转到博客首页
}
add_action('login_enqueue_scripts','Uazoh_login_url_crk');

系统登陆界面

系统登陆界面

控制面板–用户帐户–更改用户登陆或注销方式,两个东西打钩就OK了

下载了个登录页面模板,不完整,弄不要数据库,把

下载了个登录页面模板,不完整,弄不要数据库,把

直接在cs文件中设两个变量一个if 判断textbox是否相等,大致代码如下
int username=123,password=456;
if username==Convert.ToInt32(TextBox1.Text) && password==Convert.ToInt32(TextBox2.Text)
页面跳转
账号密码已经锁死了。跟数据库没关系。

原创文章,作者:聚禄鼎,如若转载,请注明出处:https://www.xxso.cn/13986.html

(0)
聚禄鼎的头像聚禄鼎
上一篇 2022年11月27日 上午8:30
下一篇 2022年11月27日 上午8:30

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注