我试图在Django的管理页面中实现HTML5 colorpicker。

这是我的模型:#model.py

...

class Category(models.Model):

...

color = models.CharField(max_length=7)

这是表格:#form.py

from django.forms import ModelForm

from django.forms.widgets import TextInput

from .models import Category

class CategoryForm(ModelForm):

class Meta:

model = Category

fields = '__all__'

widgets = {

'color': TextInput(attrs={'type': 'color'}),

}

class CategoryAdminForm(ModelForm):

form = CategoryForm

最后是管理员:#admin.py

...

from .forms import CategoryAdminForm

...

class CategoryAdmin(admin.ModelAdmin):

form_class = CategoryAdminForm

filter_horizontal = ('questions',)

fieldsets = (

(None, {

'fields': (('name', 'letter'), 'questions', 'color')

}),

)

但是,字段的类型仍然是文本。如何在管理页中将输入字段的类型更改为颜色?

html表单颜色选择器,如何在Django管理中使用HTML5颜色选择器相关推荐

  1. python个位怎么表示_如何在django管理中表示位标志int字段?

    我有一个数据模型,它的位字段定义如下:alter table MemberFlags add column title varchar(50) not null default ''; alter t ...

  2. 如何在Windows终端中更改文本颜色

    目录 介绍 终端颜色 使用代码 辅助函数 处理对比度 有趣的点 下载 color.zip - 1.9 KB 介绍 终端的默认文本输出是单色的,并且不提供提供上下文的简单方法.例如,您可能希望错误以红色 ...

  3. html 表单自动数值,web前端学习技术之对HTML5 智能表单的理解

    原标题:web前端学习技术之对HTML5 智能表单的理解 Html5新增input的form属性,用于指向特定form表单的id,实现input无需放在form标签之中,即可通过表单进行提交. - t ...

  4. 【FBA】SharePoint 2013自定义Providers在基于表单的身份验证(Forms-Based-Authentication)中的应用...

    //http://www.cnblogs.com/OceanEyes/p/custom-provider-in-sharepoint-2013-fba-authentication.html 由于项目 ...

  5. 如何在ASP.NET中生成HTML5离线Web应用

    传统的Web应用程序有一个很大的症结是当用户的网络连接不好时,应用会加载失败,为了 解决这一问题,HTML5中引入了Web的离线工作的功能.离线功能使得Web应用程序类似于本机应用程序,当断开网络连接 ...

  6. html表单居中_如何在IE低版本中兼容HTML5表单属性placeholder属性

    WEB开发数据提交是必不可少的,为了更友好的用户体验,通常需要给输入框一个默认的提示信息.HTML5技术提供了一个表单属性placeholder专门用于输入框默认提示,但是在IE低版本中根本不兼容. ...

  7. vue密码正则验证表单验证_如何在Vue中使用表单验证

    vue密码正则验证表单验证 介绍 (Introduction) Almost every web application makes use of forms in some way, as such ...

  8. Day84.尚好房 — 功能提取、页面封装、jquery-validate表单校验、完成角色 | 用户管理模块

    目录 角色管理模块 一.角色管理代码封装  ★ 1.封装BaseDao 2.封装BaseDao 3.封装BaseServiceImpl 4.封装Controller层 二.前端页面封装 1.封装头部c ...

  9. html 表单内容怎么获取不到,jquery中formdate一直获取不到对象中的[0]的值 包括本身也是一个空的数据怎么办?...

    jquery中formdate一直获取不到对象中的[0]的值 包括本身也是一个空的数据怎么办? 再做一个前台的ajax方法 查网上用formdate方法上传.可是进了接口之后一直在控制台获取不到for ...

最新文章

  1. 为什么MySQL数据库要用B+树存储索引?
  2. Ember.js 入门指南——定义模型
  3. OpenCV中颜色分布直方图及其应用
  4. Python中的 __name__属性的含义和作用
  5. HBase、Redis、MongoDB、Couchbase、LevelDB 五款主流NoSQL数据库大比拼
  6. 用 Go 构建一个区块链 -- Part 7: 网络
  7. linux hashmap,Java中对HashMap的深度分析与比较
  8. 【CodeForces - 602D】Lipshitz Sequence(思维,单调栈,斜率单调性)
  9. rundll32的使用和使用c#调用dll
  10. 量化策略回测BoolC
  11. 马云:成功与情商有关 与读书多少关系不大
  12. SimpleFOC移植STM32(二)—— 开环控制
  13. 远程计算机强迫关闭一个连接,远程主机强迫关闭了一个现有的连接,该怎么办...
  14. 支付宝之小鸡拍球游戏(C++)
  15. 【paddlepaddle安装报错系列】DLL lond failed:找不到指定模块
  16. Tomcat配置HTTP协议转HTTPS协议
  17. 皮肤样本微生物的检测介绍
  18. “一阶数字低通滤波器”原理推导(含仿真和代码实现)
  19. 六十四、Kylin的初体验
  20. 974. Subarray Sums Divisible by K [Medium]

热门文章

  1. OpenCV(项目)车牌识别2 -- 车牌字符分割(直方图)
  2. CloudCompare基础架构介绍(PPT)
  3. 【点云论文速读】6D位姿估计
  4. 【怒怼老乔】苹果手机ios系统居然特喵的不支持日期yyyy-MM-dd HH:mm:ss.ms,只支持 yyyy/MM/dd HH:mm:ss
  5. Zbrush2021写实人物肖像雕刻学习教程
  6. Maya摄像机动画技能学习教程
  7. BitCask 持久化hash存储引擎 原理介绍
  8. [转]ASP.NET1.0升级ASP.NET2.0问题总结
  9. VScode 插件、配置记录
  10. 使用appium做自动化测试时,send_keyss只能输入字母数字,无法输入中文