5

我想在 Symfony2 表单中添加 HTML5 颜色输入类型（目前仅 Chrome 支持）。我创建了一个继承自文本类型的新颜色类型：

<?php

namespace Marquis\WebsiteBundle\Form\Type;

use Symfony\Component\Form\AbstractType;

class ColorType extends AbstractType
{
    public function getParent()
    {
        return 'text';
    }

    public function getName()
    {
        return 'color';
    }
}

?>

并创建了一个新服务来使用它：

marquis_website.form.type.color:
          class: Marquis\WebsiteBundle\Form\Type\ColorType
          tags:
              - { name: form.type, alias: color }

但是，当显示表单时，输入标签如下所示：

<input type="text" id="entity_hex" name="entity[hex]" value="#4D89BF">

所以它不是使用新的 HTML5 颜色输入，而是使用文本输入。

有没有办法覆盖类型，所以它会显示 type="color"？

我还检查了 fields.html.twig 并且这条线应该可以正常工作：

{% set type = type|default('text') %}

如果我将 default('text') 更改为 default('color')，所有输入 type="text" 都更改为 type="color"。

谢谢您的帮助，

4

1 回答 1

5

您还必须为您的领域定义新的主题块

{% form_theme form _self %}

{% block color_widget %}
{% spaceless %}
    {% set type = 'color' %}
    {{ block('form_widget_simple') }}
{% endspaceless %}
{% endblock %}

有关自定义表单字段的更多信息

有关自定义表单主题的更多信息

于 2013-11-07T22:05:38.270 回答