专栏首页sktjbootstrap 登录 常用

bootstrap 登录 常用

image.png

<!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> <style> .login { color: white; height: 38px; width: 300px; background-color: #2b669a; } </style> </head> <body> <div class="container"> <h2 class="text-center">请登录</h2> <div class="row"> <form class="form-horizontal col-md-offset-4 col-md-4"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">邮箱</label> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail3" placeholder="Email"> </div> </div> <div class="form-group"> <label for="inputPassword3" class="col-sm-2 control-label">密码</label> <div class="col-sm-10"> <input type="password" class="form-control" id="inputPassword3" placeholder="Password"> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <div class="checkbox"> <label> <input type="checkbox">记住密码 </label> </div> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-default login ">登录</button> </div> </div> </form> </div> </div> </body> </html>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • bootstrap 登录注册表单 常用

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <m...

    用户5760343
  • bootstrap 禁止输入表单

    <form class="form-horizontal" role="form"> <fieldset disabled> <div class="for...

    用户5760343
  • Layui form 表单(常用)

    layui-form div.layui-form-item label.layui-form-label div.layui-input-block

    用户5760343
  • bootstrap 登录注册表单 常用

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <m...

    用户5760343
  • 【原创】bootstrap框架的学习 第八课 -[bootstrap表单]

    <!DOCTYPE html> <html> <head> <title>Bootstrap 实例 - 内联表单</title> <link hre...

    用户3055976
  • bootstrap 禁止输入表单

    <form class="form-horizontal" role="form"> <fieldset disabled> <div class="for...

    用户5760343
  • Thymeleaf使用笔记

    模板引擎是为了使用户界面与业务数据内容分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的文档。当项目里面配合后端框架spring bo...

    祈澈菇凉
  • bootstrap 表单控件大小

    <form role="form"> <div class="form-group"> <input class="form-control input-l...

    用户5760343
  • ASP.NET MVC5+EF6+EasyUI 后台管理系统(80)-自由桌面

    系列目录 前言 这次我们来做一个有趣的事情,有朋友跟做了很远,找我要自由桌面的代码,这次我们将演示自由桌面的代码。 自由桌面:用户可以随意增删改桌面的布局、...

    用户1149182
  • bootstrap 折叠面板 常用样式

    <div class="panel-group" id="accordion"> <div class="panel panel-default"> <di...

    用户5760343

扫码关注云+社区

领取腾讯云代金券