Html.BeginForm with html attributes asp.net mvc4

Question

I have Edit Action with Html.BeginForm. How can I add HTML attributes?

I know only one way:

@using (Html.BeginForm("Edit", "Clients", FormMethod.Post, new { @class="example"})) {

}

but if I use this method I cannot pass current ID

Is it possible to add HTML attributes to form without modifying action URL?

And what HTTP method do you want to use? You can easily specify FormMethod.Get or whatever instead of FormMethod.Post here if you want to. — Sergii Kudriavtsev
– Sergii Kudriavtsev, Commented Jun 10, 2012 at 21:42
Why not put a ',' and add a id attribute. You can append multiple atrributes like that. @using (Html.BeginForm("Edit", "Clients", FormMethod.Post, new { @class="example", id = Model.Id})) Is this you are looking for or what is the exact problem? — Abhijit-K
– Abhijit-K, Commented Jun 11, 2012 at 11:56

Ross McNab · Accepted Answer · 2013-06-19 11:44:14Z

40

The override you need is:

@using( Html.BeginForm("Edit", "Clients", new { Id=Model.Id},
                       FormMethod.Post, new { @class = "example" } ) )
{
}

Route values like "id" are passed as the third parameter.
HTML attributes like "class" are passed as the fifth parameter.

See MSDN docs.

edited Jun 19, 2013 at 11:44

answered Oct 25, 2012 at 15:00

Ross McNab

11.6k3 gold badges40 silver badges34 bronze badges

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

2 Comments

CrazyPyro Over a year ago

And of course you can also pass @id="blah" in the 5th parameter object, which will have the completely different effect of setting the HTML id of the rendered form tag.

Zeeshan Ali Over a year ago

First two parameters can be null if you want to post to same action (Post method) of current controller like: @using(Html.BeginForm(null, null, new {Id=Model.Id}, FormMethod.Post, new {@class = "example"}))

D Monk · Accepted Answer · 2018-03-03 20:49:44Z

21

The Action and Controller parameters can also be null to use the default action:

Html.BeginForm( null, null, FormMethod.Post, new { id=”formname”, @class="formclass" })

answered Mar 3, 2018 at 20:49

D Monk

2222 silver badges8 bronze badges

1 Comment

ARr0w Over a year ago

Indeed it does.

Patrick M · Accepted Answer · 2013-01-24 05:21:38Z

2

Calling via an ActionLink from ControllerA

@using (Html.BeginForm("Create",
    "StudentPChoice",
    new { StudentPChoiceId = Model.StudentPChoiceId },
    FormMethod.Post))
{

}

OR

@using (Html.BeginForm("Create",
    "ControllerB",
    new { ControllerBId = Model.ControllerAId },
    FormMethod.Post))
{

}

edited Jan 24, 2013 at 5:21

Patrick M

11k9 gold badges74 silver badges105 bronze badges

answered Dec 22, 2012 at 5:56

Oracular Man

1,06011 silver badges15 bronze badges

Comments

Mayer Spitz · Accepted Answer · 2019-02-10 17:33:22Z

0

If this might be helpful for some people, this works for me:

@using (Html.BeginForm("RefreshData", "Home", FormMethod.Post, 
        new { Id = "timerangeId", @name = "timerange" }))
    {
        // form elements and input
    }

In Javascript:

document.getElementById("timerangeId").submit();

answered Feb 10, 2019 at 17:33

Mayer Spitz

2,5852 gold badges25 silver badges28 bronze badges

Collectives™ on Stack Overflow

Html.BeginForm with html attributes asp.net mvc4

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related