如何用HTML写一个最简单的登录界面?

如题所述

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="main.css" type="text/css" rel="stylesheet">
<title>登陆界面</title>
</head>

<body>
<div class="login_ico">
<img src="images/login_ico.png">
</div>
<div class="login_putin">
<ul>
<li><input type="text" ></li>
<li><input type="password" ></li>
</ul>
</div>
<div class="login_btn">
<input type="submit" value="登陆">
</div>
</body>
</html>
样式 :

*{
margin:0;
padding:0;}

li{
list-style-type:none;
margin:0;
padding:0;}
a{
text-decoration:none;
color:#000;}

/*---------------------按钮-----------------------------*/
.login_putin ul li input{
margin: 0;
width:70%;
padding: 1em 2em 1em 5.4em;
-webkit-border-radius:.3em;
-moz-border-radius: .3em;
border: 1px solid #999;
}

.login_btn{
width:300px;
margin:40px auto 0 auto;
}

.login_btn input{
width:100%;
margin:0;
padding:.5em 0;
-webkit-border-radius:.3em;
-moz-border-radius: .3em;
border:#1263be solid 1px;
background:#1b85fd;
color:#FFF;
font-size:17px;
font-weight:bolder;
letter-spacing:1em;
}

.login_btn input:hover{
background:#1263be;
}
温馨提示:内容为网友见解,仅供参考
无其他回答

登录页面的html代码(登录页面的html代码附源码)
步骤一:登录页面总共分为四个部分。第一部分:DIV整体布局。第二部分:登录标题部分。第三部分:用户名和密码输入框。第四部分:网页布局样式。步骤二:div是所有DIV的样式。div1是整体样式。div2是登录标题样式。用户登录html代码有哪些?具体方法如下:登录页面总共分为四个部分。第一部分:DIV整体布局...

用html代码编写一个简单的登陆界面
<!DOCTYPE html><html 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"><\/he...

html网页设计:一个简单的登录界面代码!
<html> <head> <meta charset="utf-8"> <link href="main.css" type="text\/css" rel="stylesheet"> <title>登陆界面<\/title> <\/head> <body> <div class="login_ico"> <img src="images\/login_ico.png"> <\/div> <div class="login_putin"> <ul> <li><input type="text" ><...

怎么用HTML做一个简单的登录页面,不要数据库,把账号密码写死在里面,账...
window.location.href="reg.html"; return false; } }<\/script><body><div id="login"><p><img src="img\/logo2.png"\/><\/p> <p class="oneTitle">网站用户登录界面<\/p> <p class="grayFont">欢迎登录<\/p> <form name="f" action="index.html"> <p><input...

javascript html 设计一个登录界面
alert("注册成功"); }); } }<\/script><\/body><\/html>登录页面代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录<\/title><\/head><body><form onsubmit="return false" method="post"> <input type="text" placeholder="用户名"><b...

登录界面代码怎么写?
步骤一:登录页面总共分为四个部分。第一部分:DIV整体布局。第二部分:登录标题部分。第三部分:用户名和密码输入框。第四部分:网页布局样式。步骤二:div是所有DIV的样式。div1是整体样式。div2是登录标题样式。div3是input输入框以及按键样式。步骤三:用户名与密码输入框,其中内嵌样式 如:长、宽...

您好,怎么用div做一个简单的登录界面,不需要有功能,只要有图就好了_百...
这样的可以吗?如果需要什么样式的话,可以自己添加CSS样式,挺简单的。具体代码如下:<!DOCTYPE html> <html lang="en" xmlns="http:\/\/www.w3.org\/1999\/xhtml"><head> <meta charset="utf-8" \/> <title><\/title><\/head><body> <!--登录页面--> <div> <!--在form中...

简单html代码?
html简单网页代码怎么写? 1、在电脑桌面空白处单击右键,新建一个记事本并打开 2、在新建文件中输入如下代码。html语言都是以htmlheadtitlebody等标签开始,以\/html\/head\/title\/body标签作为结束。 3、接下来要在title\/title标签中间输入标题(如个人网页)在body\/body中输入“自己做的第一个网页,厉害吧!”完成后点击...

HTML试题:操作题:编写一个用户登录的界面,要求排版争取。
DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/html4\/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text\/html; charset=UTF-8"><title>登录界面<\/title><\/head><body><form>用户名:<input id="loginName" value="" ...

求html登陆界面详细代码 要可以登陆,用数据库保存
echo("<script type='text\/javascript'> alert('对不起,验证码错误!');location.href='javascript:onclick=history.go(-1)';<\/script>");exit();}*\/ \/*---点击登录按钮后如果判断已经有cookies存在,则进行自动登录操作---*\/ if($_COOKIE["usercookies"]!="" and $_COOKIE["pwdcookies"...

相似回答