# 1、select框单选
# 方式1
select1 = fields.ChoiceField(
choices=[
(1,"select框方式1_1"),
(2,"select框方式1_2"),
(3,"select框方式1_3")
],
initial=1,
label="select框方式1",
label_suffix="--->",
widget=widgets.Select
)
# 方式2
select2 = fields.CharField(
initial=1,
label="select框方式2",
label_suffix="--->",
widget=widgets.Select(
choices=[
(1, "select框方式2_1"),
(2, "select框方式2_2"),
(3, "select框方式2_3")
]
)
)
# select框多选
# 方式3
select3 = fields.CharField(
initial=[1,2],
label="select框方式3",
label_suffix="--->",
widget=widgets.SelectMultiple(
choices=[
(1, "select框方式3_1"),
(2, "select框方式3_2"),
(3, "select框方式3_3")
]
)
) # 方式4
select4 = fields.MultipleChoiceField(
initial=[1,2],
label="select框方式4",
label_suffix="--->",
choices=[
(1, "select框方式4_1"),
(2, "select框方式4_2"),
(3, "select框方式4_3")
]
)
#2、Radio框
# 方式1
radio1 = fields.CharField(
initial=1,
label="Radio框方式1",
label_suffix="--->",
widget=widgets.RadioSelect(
choices=[
(1, "Radio框方式1_1"),
(2, "Radio框方式1_2"),
(3, "Radio框方式1_3")
]
)
)
# 方式2
radio2 = fields.ChoiceField(
initial=1,
label="Radio框方式2",
label_suffix="--->",
choices=[
(1, "Radio框方式2_1"),
(2, "Radio框方式2_2"),
(3, "Radio框方式2_3")
],
widget=widgets.RadioSelect
)
#3、checkbox框
# 方式1
check1 = fields.ChoiceField(
choices=[
(1, "checkbox框框方式1_1"),
(2, "checkbox框框方式1_2"),
(3, "checkbox框框方式1_3")
],
initial=[1,2],
label_suffix="--->",
label="checkbox框方式1",
widget=widgets.CheckboxSelectMultiple
) # 方式2 check2 = fields.CharField(
initial=[1,2],
label="checkbox框方式2",
label_suffix="--->",
widget=widgets.CheckboxSelectMultiple(
choices=[
(1, "checkbox框框方式2_1"),
(2, "checkbox框框方式2_2"),
(3, "checkbox框框方式2_3")
],
) )

  

页面效果

使用插件和不使用插件实现select的框的更多相关文章

  1. IDA插件栈字符串识别插件

    该插件是一款可以自动识别栈上局部变量为字符串的插件,字符串形式如下,并自动的加上注释                                       如图:可以自动识别栈上的字符串 项目主 ...

  2. jQuery插件 -- 动态事件绑定插件jquery.livequery.js

    http://blog.csdn.net/zzq58157383/article/details/7721974 动态事件绑定插件livequery, 可以利用它给相应的DOM元素注册事件或者触发回调 ...

  3. Cordova - 常用的插件汇总(附插件的安装、查询、更新、删除等命令)

    Hybrid应用比web应用强大之处在于可以使运行在容器中的web内容访问 native APIs.Cordova 提供了许多插件用于调用移动设备上的API. 一,插件相关常用命令   1,查看所有已 ...

  4. 网站开发常用jQuery插件总结(11)折叠插件Akordeon

    实现折叠菜单,可以完全不使用插件.如果使用jquery的话,实现起来也比较简单,我们只需要定义折叠菜单的样式,然后使用jquery中的渐隐渐现就可以了.如果我们自己写折叠菜单,可以方便的使用我们自己的 ...

  5. 网站开发常用jQuery插件总结(五)滚动条插件nanoscroller

    网站在展示信息时,如果信息量过大,解决方法主要有三种.1.分页,将信息分页显示.2.整页显示,但是页面过长,影响浏览体验.3.使用滚动条,而默认滚动条样式太单一,用户体验不友好.所以我们需要美化滚动条 ...

  6. ctkPlugin插件系统实现项目插件式开发

    插件式开发体会: 自开始写[大话QT]系列就开始接触渲染客户端的开发,说是开发不如更多的说是维护以及重构,在接手这块的东西之前自己还有点犹豫,因为之前我一直认为客户端嘛,没什么技术含量,总是想做比较有 ...

  7. Eclipse安装完findbugs插件后,SVN插件不可用有关问题解决

    Eclipse安装完findbugs插件后,SVN插件不可用问题解决: 安装findbugs插件后,SVN插件就消失了.后来从网上查到解决方案:eclipse/configuration目录下的org ...

  8. gitbook 入门教程之实用插件(新增3个插件)

    插件没有什么逻辑顺序,大家可以按照目录大纲直接定位到感兴趣的插件部分阅读即可. 更多插件正在陆续更新中,敬请期待... 最新更新插件 tbfed-pagefooter 版权页脚插件 gitalk 评论 ...

  9. IDEA插件(Android Studio插件)开发示例代码及bug解决

    IDEA插件(Android Studio插件)开发示例代码及bug解决 代码在actionPerformed方法中,有个AnActionEvent e 插件开发就是要求我们复写上述的这个方法即可,在 ...

  10. python 全栈开发,Day58(bootstrap组件,bootstrap JavaScript 插件,后台模板,图表插件,jQuery插件库,Animate.css,swiper,运行vue项目)

    一.bootstrap组件 无数可复用的组件,包括字体图标.下拉菜单.导航.警告框.弹出框等更多功能. 组件和插件的区别? 插件:一个功能,比如js文件 组件:html css js 组件包含插件 面 ...

随机推荐

  1. h5 图片生成

    createImg(store, data) { let timer = setTimeout(function (params) { let _canvas = document.querySele ...

  2. C# 中奇妙的函数–String Split 和 Join

    很多时候处理字符串数据,比如从文件中读取或者存入 - 我们可能需要加入分隔符(如CSV文件中的逗号),或使用一个分隔符来合并字符串序列. 很多人都知道使用split()的方法,但使用与其对应的Join ...

  3. Mysql(MyISAM和InnoDB)及Btree和索引优化

    MYSQL 一.引擎 mysql:MySQL是一个关系型数据库管理系统,其中有两种引擎最为常见MyISAM和InnoDB MyISAM(非聚集索引)  MySQL 5.0 之前的默认数据库引擎,最为常 ...

  4. 1.Zabbix配置[仅环境搭建]

    Zabbix配置分为两部分1.Zabbix服务端的配置 安装Zabbix源: [root@c71 ~]# rpm -ivh https://mirrors.aliyun.com/zabbix/zabb ...

  5. react native 中es6语法解析

    react native是直接使用es6来编写代码,许多新语法能提高我们的工作效率 解构赋值 var { StyleSheet, Text, View } = React; 这句代码是ES6 中新增的 ...

  6. 四则运算3+PSP

    题目要求: 1.要求在第二次实验(四则运算2)的基础上加上其他功能. 2.要求能够在每个运算式打印出来后,用户能够进行输入计算的答案,并且程序进行判断给出用户输入的答案的正确性. 3.要求实现四则混合 ...

  7. LINUX系统一一CentOS6.5之tomcat安装

    一 准备工作建立好文件夹 tomcat文件夹地址  二 下载并解压 当然是下载了 1.centos6.5系统里面下载 解压 2.本机下载 然后利用Xftp复制到目标文件加载解压(我用的是这种,随意啦) ...

  8. html中,纯数字或纯英文的一串字符超出父容器不会折行显示,如何解决?

    这种情况在软件使用过程中一般不会出现,只有测试人员在测试的时候手比较贱会给你弄一个这种数据,当然这也算是bug吧. 如图:“经营范围”的值严重超出父容器长度,并且没有像“服务信息”一样折行显示.这种情 ...

  9. eclipse 连接数据库记录

    两篇很好的文章介绍给大家: Eclipse使用JDBC方式连接SQLServer2016 通过Driver与DriverManager连接数据库 --------------------------- ...

  10. android开源项目框架大全:

    android开源项目框架大全: 1.多页切换TabHost9 高仿网易云音乐客户端的Home页面切换Tabhost 高仿网易云音乐客户端的Home页面切换Tabhost,并且三角形是透明的,实现方式 ...