BootStrap表单控件之复选框checkbox和单选择按钮radio
作者：素颜猪 发布时间：2023-08-20 09:36:22
标签：bootstrap,复选框,单选择按钮,表单控件
1.运行效果如图所示
2.实现代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>表单控件——复选框checkbox和单选择按钮radio</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet"
href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="external nofollow"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
<link rel="stylesheet"
href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" rel="external nofollow"
integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp"
crossorigin="anonymous">
</head>
<body>
<form role="form">
<h3>示例</h3>
<div class="checkbox">
<label for="">
<input type="checkbox">记住密码
</label>
</div>
<div class="radio">
<label for="">
<input type="radio" name="optionsRadios" id="optionsRadios1"
value="love" checked>喜欢
</label>
</div>
<div class="radio">
<label for="">
<input type="radio" name="optionsRadios" id="optionsRadios2"
value="hate">不喜欢
</label>
</div>
</form>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
</body>
</html>
以上所述是小编给大家介绍的BootStrap表单控件之复选框checkbox和单选择按钮radio，希望对大家有所帮助！
来源：http://suyanzhu.blog.51cto.com/8050189/1927530
0
投稿猜你喜欢
- 目录1、表空间容量指标查询2、表空间扩容方式1：手工改变已存在数据文件的大小方式2：允许已存在的数据文件自动增长方式3：增加数据文件1、表空
- 一、什么是组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。二、组件用法
- 引言with 语句是从 Python 2.5 开始引入的一种与异常处理相关的功能（2.5 版本中要通过 from __future__ im
一、管理数据库连接1、使用配置文件管理连接之约定在数据库上下文类中，如果我们只继承了无参数的DbContext，并且在配置文件中创建了和数据- 如下所示：python3:img_path = ' 'im = cv2.imdecode(np.fromfile
- 我认为在ASP中最好的办法是用编程实现定时刷新Cache，也就是说给Application中储存的设一个过期时间。当然，在ASP中Appli
- 例子class A(object): def foo(self,x): print "exe
- Python 对代码的缩进要求非常严格，同一个级别代码块的缩进量必须一样，否则解释器会报 SyntaxError 异常错误。在 Python
- django admin管理工具有很多好用的功能，例如搜索框、筛选器等，编码简单，功能强大。但是常规的时间筛选有一定局限性，只能显示一定时间
- 如何在网站上提供音乐下载？为用户提供歌曲下载，一般有两种方式，一是直接通过Http，浏览器下载，二是通过ftp协议下载。我们来用Http和浏
- Mac 安装 Python3.10 并且配置环境一、Python的安装访问官网：https://www.python.org/选择系统（Ma
- 本文实例讲述了PHP排序算法之冒泡排序(Bubble Sort)实现方法。分享给大家供大家参考，具体如下：基本思想：冒泡排序是一种交换排序，
- 本文介绍了微信小程序滑动选择器的实现代码，分享给大家，具体如下：实现微信小程序滑动选择效果在wxml文件中，用一个picker标签代表选择器
- RSS 是一种基于 XML的文件标准，通过符合 RSS 规范的 XML文件可以简单实现网站之间的内容共享。Ajax 是Asynchronou
- MySQL连接查询相信大家都有所了解，连接查询是在数据库查询操作的时候经常用到的，下面就为您介绍MySQL连接查询mysql连接
- 乱码原因：源码文件的编码格式为utf-8，但是window的本地默认编码是gbk，所以在控制台直接打印utf-8的字符串当然是乱码了！解决方
- 存储过程采用的是select top 加 not in的方式完成，速度也算是相当快了 我测试过了百万级数据量一般查询在1秒一下，贴出来大家交
- HTML文件 一、 设置编码UTF-8对于中文网页需要使用<meta charset="utf-8">声明编
- 一个很棒的 blog 文章，是 PPK 两年前写的，文章中解释了 contains() 和 compareDocumentPosition(
- 需求：两个文件，一个文件为统计报表，里面含有手机号，另一个文件为手机号段归属地，含有手机号码前七位对应的地区。需要对统计报表进行处理，将手机
