# 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. 爬虫--Scrapy-持久化存储操作

    总体概况 持久化存储操作: a. 磁盘文件 a) 基于终端指令 i. 保证parse方法返回一个可迭代类型的对象(存储解析到的页面内容) ii. 使用终端指令完成数据存储到制定磁盘文件中的操作 1. ...

  2. Erlang Error Records

    1.No match of right hand value ... Erlang变量名需要以大写开头.

  3. Haskell语言学习笔记(19)File IO

    关于IO Action 类型为IO t. 运算时不执行,因而没有任何效果,只有执行时才会有效果,产生副作用. 一个IO Action只有在其他IO Action中才能被执行. 类型为IO t的IO A ...

  4. 安装vue CLI后, 出现安装权限问题

    问题:安装vue CLI后,出现:npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules/usr/l ...

  5. C语言中插入汇编nop指令

    工作过程中,有的时候需要打桩cycle,想在C语言中插入nop指令,可以采取的方法是 头文件中加入#inlude <stdio.h> 定义一个内联函数,然后调用这个函数,不过得测一下平台调 ...

  6. php 查看当前页中的post及get数据

    file_put_contents("log1209.html",date('Y-m-d H:i:s ')."-----<br>",FILE_APP ...

  7. 【原】wow64 x86/x64 代码切换过程分析

    下面以ntdll32!ZwQueryInformationProcess API为例分析 x86代码与x64代码之间的切换过程, 32bit的test程序: step1: ntdll32!ZwQuer ...

  8. 解决:python 连接Oracle 11g 报错:ORA-12514: TNS: 监听程序当前无法识别连接描述符中请求的服务

    其次,将查询到的service_name替换sid即可:conn=cx_Oracle.connect('hr/admin@localhost:1521/EE.oracle.docker')

  9. Kubernetes+Prometheus+Grafana部署笔记

    一.基础概念 1.1 基础概念 Kubernetes(通常写成“k8s”)Kubernetes是Google开源的容器集群管理系统.其设计目标是在主机集群之间提供一个能够自动化部署.可拓展.应用容器可 ...

  10. servlet中的执行顺序