为所有表单添加属性

如何解决为所有表单添加属性

我想将 autocomplete="off" 添加到我的 symfony 项目中的所有 <form> 标签，并且我正在寻找最好的方法来做到这一点。

我不想更改所有模板以更改 {{form_start}} 调用或在控制器中的表单对象上手动添加属性，也不想在每个表单上添加侦听器或订阅者。

我正在寻找一种全球解决方案，例如一种可以在一次调用中更改所有形式的服务。

解决方法

我认为如果这是所有表单的默认行为，最好考虑一个 root 解决方案。默认情况下扩展类型就行了

class FormTypeExtension extends AbstractTypeExtension
{
    /**
     * Return the class of the type being extended.
     */
    public static function getExtendedTypes(): iterable
    {
        // return FormType::class to modify (nearly) every field in the system
        return [FormType::class];
    }

    public function buildView(FormView $view,FormInterface $form,array $options): void
    {
        if (isset($view->vars['method'])) { // Make sure we're on the base form
            $view->vars['attr']['autocomplete'] = isset($view->vars['attr']['autocomplete']) ? $view->vars['attr']['autocomplete'] : "off"; // let the possibility to override for specific forms
        }
    }
}

你只需要像那样使用它

class DefaultController extends AbstractController
{

    /**
     * @Route("/",name="home")
     */
    public function home() {

        $form1 = $this->createForm(DemoType::class,new Demo());
        $form2 = $this->createForm(DemoType::class,new Demo(),['attr' => ['autocomplete' => "on"]]);

        return $this->render('demo.html.twig',['form1' => $form1->createView(),'form2' => $form2->createView()]);
    }

}

我明白你想要达到的目标。 autocomplete 是一个 HTML 属性，所以据我所知，它不是由 symfony 直接管理的。

我找到的最快的解决方案是将以下代码（如下）添加到 base.html.twig 文件中。

<script>
    $('form').attr('autocomplete','off');
</script>

它将应用于此页面中的所有Forms，但通常所有页面都扩展了base.html.twig，因此它将在所有页面中实现。啊，记住它是一个 JQuery，所以你当然需要包含它。

这是一个可能的实现示例：

文件：base.html.twig

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">

        <title>{% block title %}Welcome!{% endblock %}</title>

        {% block stylesheets %}{% endblock %}

    </head>
    <body>

        {% block body %}{% endblock %}

        {% block javascripts %}{% endblock %}

        // add this -------------------------------
        <script>
            $('form').attr('autocomplete','off');
        </script>
        // ----------------------------------------

    </body>
</html>

检查这个链接也许你会发现更有用的东西https://www.scotsscripts.com/blog/html-css-trick-how-to-turn-off-auto-complete.html

希望能帮到你。 :-) 祝你有美好的一天，再见

为所有表单添加属性

如何解决为所有表单添加属性

解决方法

相关推荐