在密码和文本之间切换

从密码到文本 反之亦然

升级您的密码字段以在文本和密码之间切换。

composer require symfony/ux-toggle-password

阅读文档

src/Form/TogglePasswordForm.php 
// ... use 语句已隐藏 - 点击显示
 
use Symfony\Component\Form\AbstractType; use Symfony\Component\Form\Extension\Core\Type\EmailType; use Symfony\Component\Form\Extension\Core\Type\PasswordType; use Symfony\Component\Form\FormBuilderInterface;

class TogglePasswordForm extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options): void
    {
        $builder
            ->add('email', EmailType::class)
            ->add('password', PasswordType::class, [
                'toggle' => true,
            ])
        ;
    }
}
templates/ux_packages/toggle_password.html.twig 
{% extends 'base.html.twig' %}

{% block body %}
    {{ form_start(form) }}
    {{ form_row(form.email) }}
    {{ form_row(form.password) }}
    <button type="submit" class="btn btn-primary">Login</button>
    {{ form_end(form) }}
{% endblock %}
Symfony logo

UX 切换密码

安装它

$ composer require symfony/ux-toggle-password