bootstrap-表单控件——复选框checkbox和单选择按钮radio
2017-05-19 14:25
561 查看
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" 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" 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
- Bootstrap系列 -- 17. 复选框checkbox和单选择按钮radio
- jquery选择器 【radio checkbox】选择 【查找div下的表单具有某种属性的控件 :注意是div下】
- Bootstrap关于表单控件(Radio,CheckBox)
- 使用easyui框架form控件,单选按钮radio或复选框checkbox样式问题
- 使用easyui框架form控件,单选按钮radio或复选框checkbox样式问题
- 把checkbox复选框转换成单选按钮radio
- Extjs4循序渐进(三)——表单及表单控件详解一(表单布局和基础控件 Text,TextArea,Number,Checkbox,Radio,Date)
- 第6章、单选按钮RadioGroup与复选框CheckBox
- android控件开发之Radio(单选按钮)和CheckBox(多选按钮)开发
- 第7章、单选按钮RadioGroup与复选框CheckBox(从零开始学Android)
- 第7章、单选按钮RadioGroup与复选框CheckBox(从零开始学Android)
- 单选按钮RadioGroup与复选框CheckBox
- 一步一步地实现菜单栏(JMenuBar)工具栏(JPopupMenu)组合框(JComboBox)复选框(JCheckBox)单选按钮(JRadioButton)文本域的综合应用(二)
- 基本控件:checkbox,radio,日期选择器,时间选择器
- Bootstrap 表单控件一(单行输入框input,下拉选择框select ,文本域textarea)
- 单选按钮RadioGroup、复选框CheckBox的OnCheckedChangeListener事件的实现方法
- Extjs4循序渐进(三)——表单及表单控件详解一(表单布局和基础控件 Text,TextArea,Number,Checkbox,Radio,Date)
- 一步一步地实现菜单栏(JMenuBar)工具栏(JPopupMenu)组合框(JComboBox)复选框(JCheckBox)单选按钮(JRadioButton)文本域的综合应用(一)
- 8、单选按钮(JRadioButton)和复选框(JCheckBox)