html美化登录源代码(html源码修改)
admin 发布:2022-12-19 20:11 106
今天给各位分享html美化登录源代码的知识,其中也会对html源码修改进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
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
liinput type="text" /li
liinput 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
head
title登录界面/title
/head
body
h2登录界面:/h2
form
请输入你的用户名:br
input type="text" /br
输入你的地址:br
input type="text" /br
填上密码:br
input type="text" /br
选择你的性别:br
input type="radio" value="男" name="sex"/男
input type="radio" value="女" name="sex"/女br
选择你的爱好:br
input type="checkbox" vlaue="游泳" /游泳
input type="checkbox" vlaue="旅游" /旅游
input type="checkbox" vlaue="上网" /上网
input type="checkbox" vlaue="新闻" /新闻br
input type="submit" value="提交" /
input type="reset" value="重填" /
/form
/body
/html
用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美化登录源代码的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于html源码修改、html美化登录源代码的信息别忘了在本站进行查找喔。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
- 上一篇:网页图片代码大全(图片代码有哪些)
- 下一篇:登录窗体代码(实现窗体的登录功能)
相关推荐
- 05-03解读网页源代码(网站的源代码)[20240503更新]
- 05-03项目实施源代码(源代码开发)[20240503更新]
- 05-03自媒体程序源代码(自媒体程序源代码是什么)[20240503更新]
- 05-03包含人脸识别系统源代码的词条[20240503更新]
- 05-03html简单网页代码登录(html简单注册登录界面代码)[20240503更新]
- 05-03html表格宽度600代码(html表格文字大小)[20240503更新]
- 05-02天龙八部源代码下载(天龙八部游戏源码)[20240502更新]
- 05-02vs2008源代码管理器(vs2015资源管理器)[20240502更新]
- 05-023d试衣间软件源代码(3d虚拟试衣间图)[20240502更新]
- 05-02网页点击进入主页代码(web登录页面代码)[20240502更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接