I am having some issues with generating a new page on my server when the user has filled out some information via textfields. I want it to save the information in a html file on my server, with the name of the html being taken from the title box. Is there any way I can copy the whole div onto a new page so that it stores it? I'm a complete newbie on this area, but hopefully someone has the time to help.
This is how my html looks:
<div class="form-style-10">
<h1>Create a new guide for others to view<span>Be specific and precise when creating your guide</span></h1>
<form>
<div class="section"><span>✔</span>Give your guide a name</div>
<div class="inner-wrap">
<label>Please start with "How do" or "How to" <input type="text" name="title" /></label>
</div>
<div class="section"><span>✔</span>Step 1</div>
<div class="inner-wrap">
<label><input type="text" name="field1" /></label>
</div>
<div class="section"><span>✔</span>Step 2</div>
<div class="inner-wrap">
<label><input type="text" name="field2" /></label>
</div>
<div class="section"><span>✔</span>Step 3</div>
<div class="inner-wrap">
<label><input type="text" name="field3" /></label>
</div>
<div class="section"><span>✔</span>Step 4</div>
<div class="inner-wrap">
<label><input type="text" name="field4" /></label>
</div>
<div class="section"><span>✔</span>Step 5</div>
<div class="inner-wrap">
<label><input type="text" name="field5" /></label>
</div>
<div class="button-section">
<input type="submit" name="Sign Up" />
<span class="privacy-policy">
<input type="checkbox" name="field6">You agree to our Terms and Policy.
</span>
</div>