Question

在我的一个上传器字段中，我看到一个标题显示为我无法更改或删除的字段标签。

说真的，我不知道它来自哪里

如何消除默认标签？我的HTML代码有什么变化？实际上我正在使用twig php从Class对象调用该字段。

profile.html.twig

<div class="row">
        <div class="col-md-12 text-center">
            <h4>{{user.civilite}} {{ user.nom }} {{ user.prenom }}</h4>
        </div>
        <div class="col-md-12">
            <img class="img-responsive" id="profile-image" src="{{ asset('uploads/profile/images') }}/{{ user.imageprofil }}" alt="">
        </div>
    </div>

ProfileFormType.php

public function buildForm(FormBuilderInterface $builder, array $options) {
        $builder->add('imageProfil')->add('imageFile', VichImageType::class, array('label' => false, 'required' => false ))

                ->add('civilite', ChoiceType::class, array('choices' => array('M.' => 'M', 'Mme.' => 'Mme'),
                    'attr' => array(
                        'class' => 'form-control',
                        'placeholder' => 'Nom de Famille',
                        'style' => "margin-bottom:5px;"
            )))
                ->add('nom', TextType::class, array('label' => 'Nom de Famille', 'attr' => array(
                        'class' => 'form-control',
                        'placeholder' => 'Nom de Famille',
                        'style' => "margin-bottom:5px;"
            )))
                ->add('prenom', TextType::class, array('label' => 'Prénom', 'attr' => array(
                        'class' => 'form-control',
                        'placeholder' => 'Prénom',
                        'style' => "margin-bottom:5px;"
            )))
                ->add('email', EmailType::class, array('label' => 'Email', 'attr' => array(
                        'class' => 'form-control',
                        'placeholder' => 'Email',
                        'style' => "margin-bottom:5px;"
            )))

我可以在哪里编码以消除标签标题？

即。 “Aucun fichier choisi”

解决方案

<style>
   #app_user_profile_imageFile_file {
         display: block;
         color: transparent;
   }

   #app_user_profile_imageProfil{
         width: 100px;
   }
</style>

Answer 1

这是webkit浏览器的原生部分。

你无法以正常方式删除它，但你可以欺骗浏览器不要用一点点css显示它 - 只需使字体颜色透明。

input[type='file'] {
  color: transparent;
}

Answer 2

只需添加选项参数['label' => false]

即可

如何删除默认上传字段标签？

2 个答案: