吴裕雄 Bootstrap 前端框架开发——Bootstrap 表单:水平表单
2024-09-05 15:13:39
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 实例 - 水平表单</title>
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body> <form class="form-horizontal" role="form">
<div class="form-group">
<label for="firstname" class="col-sm-2 control-label">名字</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="firstname"
placeholder="请输入名字">
</div>
</div>
<div class="form-group">
<label for="lastname" class="col-sm-2 control-label">姓</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="lastname"
placeholder="请输入姓">
</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">登录</button>
</div>
</div>
</form> </body>
</html>
最新文章
- ASP.NET Core管道深度剖析(4):管道是如何建立起来的?
- javascript replace正则替换时调用函数替换的使用
- 注入语句详解(get注入,cookie注入,搜索型注入等)
- [驱动]内核添加USB转串口驱动支持
- mysql5.7.9 源码安装 (转)
- c# winform实现网页上用户自动登陆,模拟网站登录
- openStack kilo 手动Manual部署随笔记录
- iOS 快速集成启动页广告
- unity3d资源打包总结
- transform,transtion属性
- yumiot的发展历程。
- 如何查看和清除svn登录信息
- jquery hover事件只触发一次动画
- js 原生ajax实现
- [UE4]ProgressBar,进度条
- java 高级用法整理
- 清除memcached缓存
- POJ2566 Bound Found 2017-05-25 20:05 32人阅读 评论(0) 收藏
- tcp/ip 数据进入协议栈时的封装及分用过程图
- [翻译] 如何学习Cocoa