Symfony - change HTML5 input type "text" to "number" in form class

Question

I have tried to get an input with the type "number" for the HTML5 frontend support.

My form class:

class MyType extends AbstractType
{
    public function buildForm(FormBuilderInterface $builder, array $options)
    {
        $builder->add('a', NumberType::class); // i want <input type="number" ...>
        $builder->add('b', EmailType::class); // <input type="email" ...> works
        $builder->add('c', TextareaType::class);
    }
}

The NumberType does not produce an <input type="number"> tag in the twig template with {{ form(myForm) }} like the EmailType <input type="email">.

I couldn't find an option to set the required html attribute value. 'attr' settings does not change it.

I'm using Symfony 3.

kr sebastian

xocasdashdash · Accepted Answer · 2016-02-13 14:00:13Z

3

If you want to have the type="number" on your html you should do as @tompte answer says, but it won't render any step attribute. If you want to render the extra attributes you should add the form like so:

$builder->add('a', IntegerType::class, array('scale' => 2, 'attr' => array('step' => 0.01)));

If you read the source code for the number_widget block you'll see this comment:

{%- block number_widget -%}
    {# type="number" doesn't work with floats #}
    {%- set type = type|default('text') -%}
    {{ block('form_widget_simple') }}
{%- endblock number_widget -%}

So that's why it's not rendering as a number when you use the NumberType class.

answered Feb 13, 2016 at 14:00

xocasdashdash

5387 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

lemairep · Accepted Answer · 2016-02-13 12:30:52Z

3

You should try IntegerType::class and don't forget the use Symfony\Component\Form\Extension\Core\Type\IntegerType; You can find a lo of help here : http://symfony.com/doc/current/reference/forms/types.html

answered Feb 13, 2016 at 12:30

lemairep

4222 silver badges13 bronze badges

Collectives™ on Stack Overflow

Symfony - change HTML5 input type "text" to "number" in form class

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related