引导4形式主题

编辑该页面

警告:你浏览的文档欧宝官网下载appob娱乐下载Symfony 3.4,不再维护。

这个页面的更新版本Symfob娱乐下载ony 6.2(当前的稳定版本)。

引导4形式主题

ob娱乐下载Symfony提供了几种方法将引导集成到您的应用程序。最直接的方法就是添加所需的<链接><脚本>元素在你的模板(通常只包括在其他模板扩展的主要布局模板):

1 2 3 4 5 6 7 8 9
{/ base.html #模板。树枝#}{#小心的块模板可能命名不同#}{%head_css %}< !——从https://getbootstrap.com/docs/4.4/getting-started/introduction/复制CSS CSS - - >{%endblock%}{%head_js %}< !——复制JavaScript从https://getbootstrap.com/docs/4.4/getting-started/introduction/ js - - >{%endblock%}

如果您的应用程序使用现代前端实践,更好的使用Webpack安可并遵循本教程引导的来源导入SCSS和JavaScript文件。

下一步是配置Symfony应用程序时使用引导4风格呈现形式。ob娱乐下载如果你想将它们应用于所有形式,定义这个配置:

  • YAML
  • XML
  • PHP
1 2 3
# app / config / config.yml枝:form_themes:(“bootstrap_4_layout.html.twig”)

如果你喜欢应用引导风格在形成一种形式基础上,包括form_theme标签在使用这些表格的模板:

1 2 3 4 5 6 7 8
{#……#}{#这个标签只适用于在这个模板中定义的形式#}{%form_theme“bootstrap_4_layout.html形式。嫩枝' %}{%身体%}<h1>用户注册:< /h1>{{形式(形式)}}{%endblock%}

错误消息

形式错误呈现内部<标识>元素,以确保有一种强烈的误差及其之间的联系<输入>所要求的WCAG 2.0标准。为了达到这个目标,form_errors ()被称为,了form_label ()在内部。如果你调用form_errors ()在你的模板,你会得到错误消息显示两次

复选框和收音机

复选框/广播领域,称了form_label ()不显示任何东西。由于引导内部,标签已经呈现了form_widget ()

可访问性

引导4框架做了很好的工作使它容易视力下降等功能变化和认知能力。ob娱乐下载Symfony了这一步,以确保符合主题WCAG 2.0标准

这并不意味着你的整个网站自动符合标准,但它确实意味着你已经在你的工作来创建一个设计所有用户。

自定义表单

引导4有一个称为“自定义形式_”的特性。你可以启用,Symfony的形式ob娱乐下载RadioTypeCheckboxType通过添加一个类调用radio-customcheckbox-custom分别。

1 2
{{form_row(形式。myRadio, {label_attr:{类:‘radio-custom}})}}{{form_row(形式。myCheckbox, {label_attr:{类:‘checkbox-custom}})}}
这项工作,包括代码示例,许可下Creative Commons冲锋队3.0许可证。