parsing form input into an html file, as html

I have a simple form that asks for

1. Link

2. Category

3. App Name

4. Price

5. Link to App Icon

After the user fills the textboxes in, and presses 'submit' I want the form to generate the following html code with the <<>>, <<http://ift.tt/2xt7OTx>> etc, being filled in from the users forum input, and insert in into an index.html file that's in the same directory.

<li>

<a class="noeffect" href="<<<http://ift.tt/2fgczsy;">
<span class="image" style="background-image: url('<<<http://ift.tt/2xt7Pqz;')">
</span><span class="comment"><<<Utilities>>></span>
<span class="name"><<<AppName>>></span>
<span class="stars5"></span>
<span class="starcomment">16924Ratings</span>
<span class="arrow"></span>
<span class="price"><<<Free>>></span></a>

</li> 

so whenever a user presses submit, the changes should be immediately visible when reloading index.html in the browser.

I have been trying and failing to make this. I'm obviously very inexperienced in web development, but I really need this to work. At the moment I am using FTP to manually change the index.html file multiple times per day.

If anyone could help out, preferably with a code sample I'd be helped a lot,

Thank you.