Connecting an html form to a sharepoint list

Question

I am trying to build a customer feedback form in sharepoint. I have created a sharepoint list, which I was hoping to serve as the place where the feedback(s) will be collected. I have also made an html page for the form.

1. How do I add the html form to an aspx page? ( I have tried adding the same through "Content Editor" webpart, but it doesn't seem to accept html forms. I've also seen an "html form web part" but I'm unable to add my html page so)

2. Is it possible to connect the data during a user submit to the sharepoint list without using infopath? If yes, how can I accomplish this?

Answer 1

You can implement this by creating a Custom New Form and adding the HTML you have already created to this aspx page. This will be bound to the SharePoint List .

Each SharePoint List by default has NewForm.aspx,EditForm.aspx and a DisplayForm.aspx. If you open the SharePoint Designer you can view them as below:

You can add a new Custom Form and set it as the default new form so that it will over ride the existing form for the list.

The new form will be added along with other forms.

Once it is created, you can add the required Controls to the aspx page and design them in different layouts

The form by default has a single column layout but that can be changed using Table formatting.

Implementation Links

The detailed implementation can be followed from Here

A detailed video on how to do the same can be found Here

Answer 2

There's a great solution which allows you to build a HTML form for SharePoint lists if you're okay using JavaScript and jQuery.

Original solution: http://www.markrackley.net/2013/08/29/easy-custom-layouts-for-default-sharepoint-forms/

Updated this year: http://www.markrackley.net/2017/05/04/customize-your-sharepoint-classic-forms-without-infopath/