How can I embed DotNet form in html?

Let's say that you have an ASP.NET page that get's a content feed from your blog. In your feed there is an embedded HTML form that posts to another website. If you simply embed this form, the containing ASP.NET form will override the embedded ASP.NET form and it will just do a normal PostBack not post the embedded HTML form.

Here is a workaround that we've used.

Close the ASP.NET form tag before your embedded content form begins, then create a dummy form tag after your embedded form is closed to clean up the ASP.NET inserted tag. This allows your embedded form to work and prevents HTML validation errors.

A base asp.net form looks like this....


[Wire up and head stuff here...]


  
    Hello World!

Let's say that instead of Hello World I have an asp literal that is populated with content from say a blog feed that contains a feedback form. (or I could have just pasted an HTML form from some other source). My code now looks like this...

The way to implement this solution is as follows.....

If you have a standard WebForm this works fine. If however you are using Master Pages, and your embedded form is in a content page, then you don't have access to the close form tag, so the you need to create a "fake" form to close the tag embedded in your HTML page.

VisualStudio will give you a warning that there are missing open and close tags, you can just ignore these, what's important is that the rendered HTML when the form runs will validate.

If you have multiple forms on your page, you'll need to make sure that your ASP.NET form and input fields are BEFORE you insert the close form tag, and before your HTML form. Using this method, only one form will submit, the ASP.NET form or the HTML form.

UPDATE: I've been asked to show an embedded standard HTML form, so here is an example with just a simple HTML form.

Standard WebForm....




  
   
        action="http://www.thirdPartySite.com/post.aspx">
    Field:

Or with a master page.....



   
        action="http://www.thirdPartySite.com/post.aspx">
    Field:

 


Check this link
http://stackoverflow.com/questions/588981/using-embedded-standard-html-forms-with-asp-net

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Hemant Kumar15y ago
Let's say that you have an ASP.NET page that get's a content feed from your blog. In your feed there is an embedded HTML form that posts to another website. If you simply embed this form, the containing ASP.NET form will override the embedded ASP.NET form and it will just do a normal PostBack not post the embedded HTML form.

Here is a workaround that we've used.

Close the ASP.NET form tag before your embedded content form begins, then create a dummy form tag after your embedded form is closed to clean up the ASP.NET inserted tag. This allows your embedded form to work and prevents HTML validation errors.

A base asp.net form looks like this....
[Wire up and head stuff here...]       Hello World!

Let's say that instead of Hello World I have an asp literal that is populated with content from say a blog feed that contains a feedback form. (or I could have just pasted an HTML form from some other source). My code now looks like this...


The way to implement this solution is as follows.....


If you have a standard WebForm this works fine. If however you are using Master Pages, and your embedded form is in a content page, then you don't have access to the close form tag, so the you need to create a "fake" form to close the tag embedded in your HTML page.


VisualStudio will give you a warning that there are missing open and close tags, you can just ignore these, what's important is that the rendered HTML when the form runs will validate.

If you have multiple forms on your page, you'll need to make sure that your ASP.NET form and input fields are BEFORE you insert the close form tag, and before your HTML form. Using this method, only one form will submit, the ASP.NET form or the HTML form.

UPDATE: I've been asked to show an embedded standard HTML form, so here is an example with just a simple HTML form.

Standard WebForm....
           action="http://www.thirdPartySite.com/post.aspx">    Field:

Or with a master page.....
        action="http://www.thirdPartySite.com/post.aspx">    Field:
Check this link http://stackoverflow.com/questions/588981/using-embedded-standard-html-forms-with-asp-net