radio-finish.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>单选按钮</title>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="../bootstrap/js/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<h1 class="page-header">单选按钮</h1>
<label>您的性别</label>
<label class="radio"><input type="radio" name="gender" value="male">男</label>
<label class="radio"><input type="radio" name="gender" value="female">女</label>
<label class="radio"><input type="radio" name="gender" value="other">其他</label>
</div>
<script src="../bootstrap/js/jquery-1.7.2.min.js"></script>
<script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>
分享到:
相关推荐
这是一款使用Font Awesome 字体图标来对Bootstrap复选框和单选按钮进行美化的CSS样式特效。
这是一款使用Font Awesome 字体图标来对Bootstrap复选框和单选按钮进行美化的CSS样式特效。
基于bootstrap的单选按钮图标 改变了浏览器自带形状,支持自定义图标
1. 效果图: 点击 bootstrapTable 单选的按钮, 选中该列, 取到该列的所有值. 2. js 代码 : bootstrapTable 初始化 a. 注意: singleSelect : true, // 单选checkbox columns : [ { checkbox: true } ] // ...
这是一款使用Font Awesome 字体图标来对Bootstrap复选框和单选按钮进行美化的CSS样式特效。
Bootstrap复选框和单选按钮美化插件 可以直接引用别人写好的样式
icheck-bootstrap是一款纯CSS Bootstrap单选框和复选框美化特效插件。通过该插件,你可以对原生的bootstrap单选框和复选框进行美化,应用不同的主题样式,甚至可以制作扁平风格的单选框和复选框。
Bootstrap Switch将复选框和单选按钮变成切换开关
主要为大家详细介绍了Bootstrap CSS组件之按钮下拉菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
表单控件——单选按钮水平排列</title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" re
主要介绍了Bootstrap复选框和单选按钮美化插件的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
某个尺寸的Bootstrap单选框,复选框,下拉菜单或按钮。 使用图标标注尺寸值(仅按钮),使用隐藏变量(动态更改图表尺寸) 使用Bootstrap,Lodash,Awesome-bootstrap-checkbox和Font Awesome。 换句话说,您可以...
这是一款基于bootstrap的超酷jQuery...该bootstrap开关按钮插件可以将复选框和单选按钮转换为安卓样式的开关按钮。该插件可以设置开关按钮的颜色、是否可用、显示文本等属性,还可以将开关按钮放置到模态窗口中显示。
一款使用Font Awesome 字体图标来对Bootstrap复选框和单选按钮进行美化的CSS样式特效的代码。本段代码兼容目前最新的各类主流浏览器
多选框(checkbox)用于选择列表中的一个或多个选项,而单选框(radio)用于从多个选项中只选择一个。接下来通过本文给大家介绍Bootstrap3 多选和单选框,一起看看吧
单选按钮(Radio) 259 用法 260 选项 260 方法 260 Bootstrap 折叠(Collapse)插件 264 用法 267 选项 267 方法 268 事件 271 Bootstrap 轮播(Carousel)插件 274 实例 274 用法 277 选项 278 方法 278 事件 281 ...
基于bootstrap垂直响应的jquery时间轴特效。...当然,初步考虑还是在日历日程上添加、删除大事记,在添加日历日程事件的时候,提供一个单选按钮:是否作为大事记。如果作为大事记,则时间轴上会显示这个事件。