jQueryMobile的组件——复选框(checkbox)和单选钮(radio)
来源:互联网 发布:centos 7 gcc 安装包 编辑:程序博客网 时间:2024/06/08 07:08
jQueryMobile框架为原生的html表单元素封装了新的表现形式,对触屏设备的操作进行了优化。
data-theme="b"——指明元素的主题为黑色主题;
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>checkbox&radio实例</title> <script src="jquery-2.1.3.min.js"></script> <script src="jquery.mobile-1.4.5.min.js"></script> <link rel="stylesheet" href="jquery.mobile-1.4.5.min.css" type="text/css"></head><body><div data-role="page"> <div data-role="header" data-position="fixed"> <h1>欢迎来到主页</h1> </div> <div data-role="content" > <label> <input type="checkbox">苹果 </label> <fieldset data-role="controlgroup"> <label> <input type="checkbox" name="cb0">苹果 </label> <label> <input type="checkbox" name="cb0">香蕉 </label> <label> <input type="checkbox" name="cb0">橘子 </label> </fieldset> <fieldset data-role="controlgroup" data-type="horizontal"> <label> <input type="checkbox" name="cb0">苹果 </label> <label> <input type="checkbox" name="cb0" data-theme="b">香蕉 </label> <label> <input type="checkbox" name="cb0">橘子 </label> </fieldset> <fieldset data-role="controlgroup" data-type="horizontal"> <label> <input type="radio" name="r1" id="male">男 </label> <label> <input type="radio" name="r1" id="female" >女 </label> </fieldset> </div> <div data-role="footer" data-position="fixed"> <h1>这是底部</h1> </div></div></body></html>
在iPhone6中的效果:
0 0
- jQueryMobile的组件——复选框(checkbox)和单选钮(radio)
- 使用css美化单选框(radio)和复选框(checkbox)的样式
- 对于单选框radio和复选框checkbox的使用
- jquery对radio单选框和CheckBox复选框的操作
- HTML复选框和单选框 radio checkbox
- Android组件复习之基本组件02—单选按钮(RadioButton)和复选框(CheckBox)
- Android组件复习之基本组件02—单选按钮(RadioButton)和复选框(CheckBox)
- 纯CSS美化单复选框(checkbox、radio)
- 纯CSS美化单复选框(checkbox、radio)
- 纯CSS美化单复选框(checkbox、radio)
- 快捷键(shortcut key)——复选框(checkbox)和单选框(radio)
- Android—RadioButton(单选框)和CheckBox(复选框)
- 复选框(checkbox)和单选框(radio)与文字居中对齐
- 表单控件(复选框checkbox和单选择按钮radio)
- 复选框(checkbox)和单选框(radio)与文字居中对齐
- 第十四节:单选框(radio)和复选框(checkbox)
- 使用纯css3自定义单选框radio和复选框checkbox
- 单选框radio和复选框checkbox文字垂直居中问题
- DTE DCE的含义和判断方法
- 自定义Spring动态代理类型
- 使用Git上传本地项目文件带代码托管平台
- Reservoir Computing简介
- Android ImageView配置android:layout_height="wrap_content"时上下会有padding存在
- jQueryMobile的组件——复选框(checkbox)和单选钮(radio)
- 用GDB调试程序
- 【收集向】位操作技巧 bitwise operation trick
- C++构造函数小结
- 使用FFMPEG SDK解码流数据
- 【c++学习笔记】进入c++
- Android UI设计——Gallery控件
- 面试题29数组中出现次数超过一半的数字
- 一些做大脑研究和仿脑应用的公司