好看登录界面代码（好看的登陆界面）[20240504更新]

本篇文章给大家谈谈好看登录界面代码，以及好看的登陆界面对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、java 求一个好的登录界面
• 2、用html代码编写一个简单的登陆界面
• 3、html网页设计：一个简单的登录界面代码！
• 4、求一个简单的登录界面CSS代码
• 5、登录界面代码怎么写？
• 6、html登陆界面代码

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();

}

}

用html代码编写一个简单的登陆界面

!DOCTYPE htmlhtml lang="zh-CN"head

meta charset="utf-8"

meta http-equiv="X-UA-Compatible" content="IE=edge"

meta name="viewport" content="width=device-width, initial-scale=1"

title登录/title

link href="css/bootstrap.min.css" rel="stylesheet"/headbodynav class="navbar navbar-default"

div class="container-fluid"

div class="navbar-header"

a class="navbar-brand" href="./"jsp作业/a

/div

div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"

ul class="nav navbar-nav navbar-right"

lia href="login.html"登录/a/li

/ul

/div

/div/navdiv class="container"

div class="row"

div class="col-md-4"

/div

div class="col-md-4"

form class="form-signin" target="submitFrame" method="post"

h2 class="form-signin-heading"登录到jsp作业/h2

label for="inputEmail"Email/label

input type="email" id="inputEmail" class="form-control" placeholder="请输入Email" required autofocusbr

label for="inputPassword"密码/label

input type="password" id="inputPassword" class="form-control" placeholder="请输入密码" required

div class="checkbox"

label

input type="checkbox" value="remember-me" checked="checked" 记住密码 /label

/div

button type="submit" class="btn btn-primary" id="btn-login"登录/button

a href="reg.html" class="btn btn-default"注册/a

/form

iframe style="display: none;" name="submitFrame" src="about:blank"/iframe

/div

div class="col-md-4"

/div

/div

script src="js/jquery.min.js"/script/body/html

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

input

type='button'

text='登陆'

onclick='return

checknull()'你说的要能识别是否输入了用户名和密码！需要用脚本来验证

script

function

checknull()

{

var

a=document.getElementById('用户名文本框ID').text;

var

b=document.getElementById('密码文本框ID').text;

if(a.length0b.length)

return

true;

else

return

false;

}

script

求一个简单的登录界面CSS代码

div id="zuo"

!--input type="button" value="往左" class="y"--

h1登 陆/h1

form method="post" action="ok.html"

p class="form_zh"input type="text" placeholder="请输入账号" class="form_zh_y" autofocus = "autofocus" required = "required"/p

p class="form_mm"input type="password" placeholder="请输入密码" class="form_zh_e" required = "required"/p

input type="submit" value="登 录" class="form_dl"

/form

p class="qtfsdl"spanimg src="images/weixin.jpg" /微信登陆/spanspanimg src="images/QQ.jpg" /QQ登陆/span/p

p class="qtfsdr"img src="images/frm_xia.jpg"//p

p class="y"注 册/p

!--div class="y1" style="position: absolute;top:250px;left: -159px;width: 260px;height: 47px;background: red;opacity: 0.5;"/div--

/div

#zuo{

width: 500px;

height: 540px;

background: white;

position: absolute;

top: calc(50% - 250px);

left:calc(50% - 250px);

color: #292929;

}

#zuo h1,#you h1{margin-top:30px;font-weight: bold;text-align: center;margin-bottom: 30px;}

登录界面代码怎么写？

步骤一：登录页面总共分为四个部分。

第一部分：DIV整体布局。

第二部分：登录标题部分。

第三部分：用户名和密码输入框。

第四部分：网页布局样式。

步骤二：

div是所有DIV的样式。

div1是整体样式。

div2是登录标题样式。

div3是input输入框以及按键样式。

步骤三：用户名与密码输入框，其中内嵌样式 如：长、宽、边框、颜色。

步骤四：登录按钮以及重置，其中也有内嵌样式，与其上相同。

步骤五：登录页面效果图。

系统入口类中这样：

LoginFrame lf=new LoginFrame();

lf.setVisible(true);

LoginFrame

中，按钮“OK”的监听事件这样：

„„//连接数据库，并验证用户名和密码

if(success)//

验证成功

MainFrame mf=new MainFrame();

mf.setVisible(true);

dispose(); //

销毁

LoginFrame

else

提示错误信息

html登陆界面代码

form method="post" action="###" name="myform" onsubmit="checkpost()"

label for="name"用户名：/labelinput type="text" name="name" id="name" /br /

label for="pw"密码：/labelinput type="password" name="pw" id="pw" /br /

input type="submit" value="提交" /

/form

script

function checkpost(){

if(document.forms[0].name.value=="你要的用户名"document.forms[0].pw.value=="你要的密码"){

window.location="你要跳转的地址";

}else{

alert("用户名或密码不正确！")

return false;

}

}

/script

好看登录界面代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于好看的登陆界面、好看登录界面代码的信息别忘了在本站进行查找喔。