猛跑小猪

如果您不想在表单中添加任何代码(如@shadfc的答案的注释中所述),则肯定有可能,这里有两个选择。首先,您只需在HTML中单独引用字段,而不是一次引用整个表单:

  • {{ form.subject }}
  • {{ form.email }}
  • {{ form.message }}

(请注意,我也将其更改为未排序的列表。)其次,在文档中注意将表单输出为HTML,Django:通过在字段名称前添加“ id_”来生成字段ID。默认情况下,输出中包括id属性和标签。您所有的表单字段都已经具有唯一的ID。因此,您可以在CSS文件中引用id_subject来设置主题字段的样式。我应该注意,这是您采用默认 HTML 时表单的行为方式,默认 HTML仅需要打印表单,而不是单个字段:

  • {{ form }}  # Will auto-generate HTML with id_subject, id_email, email_message     {{ form.as_ul }} # might also work, haven't tested

输出表格时,其他选项请参见上一个链接(您可以制作表格等)。注意-我意识到这与向每个元素中添加类并不相同(如果您向Form中添加了字段,则还需要更新CSS)-但是通过id引用所有字段很容易在您的CSS中是这样的:#id_subject, #id_email, #email_message {color: red;}

django css,Django表单中的CSS样式相关推荐

  1. django css_在应用程序上实现CSS Django的

    django css CSS (Cascade Style Sheets) are used to implement design. CSS(级联样式表)用于实现设计. Step 1: Create ...

  2. 表格应用css样式,对表格与表单应用CSS样式.ppt

    <对表格与表单应用CSS样式.ppt>由会员分享,可在线阅读,更多相关<对表格与表单应用CSS样式.ppt(12页珍藏版)>请在人人文库网上搜索. 1.第十章,HTML与CSS ...

  3. Django套用现成模板,导入css,js,images等文件【转】

    环境 windows10 pycharm2017.3.3 professional edition(必须专业版) python3.6.4 django2.0.2 参考资料 http://blog.cs ...

  4. 外链式样式表_引入CSS样式表(书写位置)

    CSS初识 CSS(Cascading Style Sheets) 美化样式 CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片 ...

  5. “高级”CSS样式一般应用于控制网页内容的外观。附加样式表分为内嵌样式表和外部样式表两种方式。

    "高级"CSS样式一般应用于控制网页内容的外观.附加样式表分为内嵌样式表和外部样式表两种方式.

  6. 外链式样式表_WEB前端 CSS样式表

    CSS层叠样式表 字体样式属性 font-size:字号大小 页中普遍使用14px+. 尽量使用偶数的数字字号.ie6等老式浏览器支持奇数会有bug. font-family:字体 中文字体需要加引号 ...

  7. html表单页面css样式代码,前端html表单与css样式(示例代码)

    1,from标签 from标签的功能是向服务器传输数据,实现用户交互的重要标签. from标签的具体使用: input标签使用示例: 姓名: 用户名: 密码: 爱好:骑车游戏电影 男女 第一句:act ...

  8. dw在html中删除css样式表,DW里CSS的详细介绍

    单击"确定". 类 型 属 性 [定义 CSS 类型属性]使用"CSS 样式定义"对话框中的"类型"类别能够定义 CSS 样式的基本字体和类 ...

  9. 前端基础 CSS 第十一章 使用CSS样式表 ----暑假学习第七、八天

    第十一章 使用CSS样式表 通过CSS样式定义,可以将网页制作得更加绚丽多彩.采用CSS技术,可以有效地对页面的布局.字体.颜色.背景和其他效果实现更加精确地控制.用CSS不仅可以做出令浏览者赏心悦目 ...

最新文章

  1. Python之父发文,将重构现有核心解析器
  2. Domain adaptation:连接机器学习(Machine Learning)与迁移学习(Transfer Learning)
  3. Jq获取同一名称单选框(radio)被选中的值
  4. 前端学习(1313):get请求参数
  5. android6.0 sd卡卸载api,android6.0 用户关掉sd卡读取权限的情况下, 还能做到手机缓存么?...
  6. “阿里巴巴小程序繁星计划”:20亿扶持200万小程序开发者和100万商家
  7. nginx代理https后,spring mvc web应用redirect https变成http
  8. 【ArcGIS|空间分析|网络分析】6 创建路径分析模型
  9. Java高级应用编程——集合练习题
  10. 盘点电机重要应用的七大领域
  11. 孙俪主演的热播剧《安家》房似锦,让我们看到比贫穷更可怕的是原生家庭
  12. ASR6601:国产M4内核LoRa SoC芯片替代SX1262/SX1278
  13. 点击地图获取经纬度(基于腾旭地图api)
  14. 电脑技巧 之 Discord翻译插件(PC端)(保姆级教程)
  15. c语言的int类型转换为(void *)类型
  16. Visformer: The Vision-friendly Transformer实现transformer和基于卷积的模型中的设计特性
  17. vue+ elementUI使用el-autocomplete从远程实时查询
  18. 收支财务sql_【秋招】益海嘉里集团总部!秋招财务岗位大放送
  19. 智能车机械结构设计与踩雷
  20. java购物车系统代码_java购物车系统 团队博客

热门文章

  1. SCONS如何集成工具
  2. HDU 4001 To Miss Our Children Time DP
  3. SQL Server应用程序中的高级SQL注入[转]
  4. Centos6.8操作防火墙
  5. eclipse中ctrl+h默认打开是JavaSearch,怎么设置成默认打开是FileSearch
  6. ffmpeg second day
  7. 【转贴】学习Linux的几点忠告
  8. duilib CPaintManagerUI的WM_PAINT消息
  9. std::map的使用
  10. SQL.H 通过此文件寻找sqlAPI编程的一种捷径