`

Bootstrap复选框

 
阅读更多
checkbox-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>选择您喜欢的 CMS </label>
  <label class="checkbox inline">
 	<input type="checkbox" name="cms" value="wordpress">Wordpress</label>
 <label class="checkbox inline">
 	<input type="checkbox" name="cms" value="drupal">Drupal</label>
 <label class="checkbox inline">
 	<input type="checkbox" name="cms" value="joomla">Joomla</label>
</div>
<script src="../bootstrap/js/jquery-1.7.2.min.js"></script> 
<script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>
分享到：
| Bootstrap单选按钮
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Bootstrap复选框和单选按钮美化插件

    总的来说，Bootstrap复选框和单选按钮美化插件是提升网页界面美观度的有效工具，它们通过提供丰富的样式选项和增强的交互功能，帮助开发者快速打造出更加吸引人的用户界面。在选择和应用这些插件时，应兼顾设计美学...

    Bootstrap复选框样式美化特效.zip

    在给定的资源“Bootstrap复选框样式美化特效.zip”中，我们可以期待找到一种方法来增强Bootstrap默认的复选框和单选框的视觉效果，使其更具吸引力和用户体验。 复选框和单选框是网页表单中常见的交互元素，用户通过...

    Bootstrap复选框，单选框美化特效样式

    Bootstrap复选框，单选框美化特效样式。

    bootstrap非常实用的复选框

    这段代码创建了一个基本的Bootstrap复选框，`form-check`类提供了必要的间距和布局，`form-check-input`是实际的复选框，而`form-check-label`则与输入框关联，提供可点击的标签文本。 Bootstrap还提供了不同的样式...

    BootStrap Table复选框默认选中功能的实现代码(从数据库获取到对应的状态进行判断是否为选中状态)

    本篇将详细介绍如何在Bootstrap Table中实现复选框的默认选中功能，特别地，我们将根据从数据库获取的状态来决定复选框是否被选中。 首先，我们需要引入Bootstrap Table的相关库，包括CSS和JavaScript文件。这些...

    Bootstrap复选框组件BootstrapCheckbox.zip

    Bootstrap Checkbox 是复选框组件，基于 Bootstrap 框架。在线演示 标签：Bootstrap

    bootstrap-select下拉复选框.rar

    压缩包中的“下拉复选框”可能包含了示例代码、CSS样式、JavaScript文件和文档，帮助开发者快速理解和使用Bootstrap Select。通过研究这些文件，你可以更深入地了解如何配置和自定义插件，以满足项目需求。 总之，...

    Bootstrap复选框样式美化特效特效代码

    "Bootstrap复选框样式美化特效特效代码"就是为了解决这一问题而设计的，它通过jQuery库对Bootstrap的复选框进行了美化和增强，提供了一种更具吸引力的交互体验。 这个特效代码的核心目标是使复选框看起来更加现代和...

    Bootstrap复选框单选框美化特效

    总的来说，这个"Bootstrap复选框单选框美化特效"代码片段展示了如何利用现有的开源库和CSS样式来提升用户体验，同时也强调了前端开发者如何通过结合HTML、CSS和JavaScript来增强网页的交互性和视觉效果。理解并掌握...

    Bootstrap复选框和单选按钮美化插件(推荐)

    本篇文章主要介绍了一个推荐的Bootstrap复选框和单选按钮美化插件。这个插件通过自定义CSS样式，使这些表单元素看起来更加现代化和吸引人。要使用这个插件，首先需要在HTML文件中引入以下资源： 1. `awesome-...

    bootstrap-checkbox：基于bootstrap框架的复选框组件

    引导复选框 基于引导框架的复选框组件 作者 文献资料 您可以找到演示和文档。 用法 ... 使用.checkbox类创建您的&lt;input type="checkbox"&gt;...通过JavaScript启用Bootstrap复选框： $('.checkbox').c

    jsp/html 实现下拉复选框

    接着，CSS部分主要负责美化下拉复选框的外观，比如调整其大小、颜色、边框等。例如： ```css #selectBox { width: 200px; height: 200px; border: 1px solid #ccc; } ``` 这将设置下拉框的宽度为200像素，高度为...

    bootstrap网页复选框单选框例子

    简单的bootstrap网页复选框单选框的例子。

    bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果

    最近几天在公司做了个后台管理系统的小模块，其中有个功能是实现复选框的全选和全不选，用bootstrap和jQuery来实现。 效果是这样： 因为是内部用，样式也不要求太好看，直接上代码。 示例代码： &lt;!DOCTYPE ...

    超漂亮的表单复选框特效

    在实际应用中，开发者可以借助现有的前端框架，如Bootstrap、Materialize CSS等，它们提供了预设的复选框样式和动画效果。此外，还有许多开源库和插件，如jQuery的CheckboxXS、Animsition等，可以帮助快速实现复选框...

    bootstrap多级菜单+checkbox+带筛选

    在“bootstrap多级菜单+checkbox+带筛选”这个主题中，我们将深入探讨如何利用Bootstrap创建具有多级结构的菜单，并结合复选框（checkbox）功能，实现动态筛选的功能。 首先，多级菜单是网页导航中常见的一种设计，...

Magicbox
Global site tag (gtag.js) - Google Analytics