Using Freedback forms in your mark up

I am currently working through the project site in ‘Build your own
website the right way using HTML & CSS’ by Ian Lloyd.

I have got to the part in Chapter 7 where I have built the form using
Freedback.com and inserted the relevant markup as told in the book,
but when I complete & submit the form as instructed, it just refreshes
& returns to the top of the form. It should come up with a ‘Thank You’
& I should also receive an email.

Any guidance would be appreciated.

Hi harves00. Welcome to the forums. :slight_smile:

Could you take us through the steps you followed? Or post the code you are using? There are bits in the code you have to replace with your own information.

ralph.m, Thanks,

I create the form that we have created with HTML & CSS as instructed in the book using Freedback.com, I then insert & replace the mark up as instructed by the book into the HTML.

Here is the result of my mark up

 <form action="" method="post" class="contact">
   <form enctype="multipart/form-data" method="post"
    action="http://www.freedback.com/mail.php" accept-charset="UTF-8">
     <div>
      <input type="hidden" name="acctid" id="acctid" value="uf7k8823vdjngw9z"/>
      <input type="hidden" name="formid" id="formid" value="1121138"/>
      <input type="hidden" name="required_vars" id="required_vars" value="name,field-bed3ee0060dc89f,
       email,field-e97545d2b798448,field-50e39b346e2dc57,field-7c734df8d3fd99e,field-ef5566644e77ef5"/>
    </div>
    <fieldset>
     <legend>Tell Us About a Dive Event</legend>
     <div>
      <label for="name" class="fixedwidth">Contact Name</label>
      <input type="text" name="name" id="name" size="40" value=""/>
     </div>
     <div>
      <label for="field-bed3ee0060dc89f" class="fixedwidth">Telephone Number</label>
      <input type="text" name="field-bed3ee0060dc89f" id="field-bed3ee0060dc89f" size="40" value=""/>
     </div>
     <div>
      <label for="email" class="fixedwidth">Email Address</label>
      <input type="text" name="email" id="email" size="40" value=""/>
     </div>
     <div>
      <label for="field-e97545d2b798448" class="fixedwidth">What is the Event Called?</label>
      <input type="text" name="field-e97545d2b798448" id="field-e97545d2b798448" size="40" value=""/>
     </div>
     <div>
      <label for="field-50e39b346e2dc57" class="fixedwidth">When is the Event?</label>
      <input type="text" name="field-50e39b346e2dc57" id="field-50e39b346e2dc57" size="40" value=""/>
     </div>
     <div>
      <label for="field-5921accd9b0916d" class="fixedwidth">What Region is the Even?</label>
       <select name="field-5921accd9b0916d" id="field-5921accd9b0916d">
	<option value="South-West">South-West</option>
	<option value="South-East">South-East</option>
	<option value="Midlands">Midlands</option>
	<option value="Central">Central</option>
	<option value="London">London</option>
	<option value="East">East</option>
	<option value="North">North</option>
	<option value="Scotland">Scotland</option>
	<option value="Northern Ireland">Northern Ireland</option>
	<option value="Wales">Wales</option>
	<option value="International(See Details Below)">International(See Details Below)</option>
       </select>
     </div>
     <div>
      <p>Please provide any other details you think will be useful to us in the text
         area below. (It may save us calling or emailing you, and help avoid delays!)</p>
      <label for="field-400d63fd2970169" class="fixedwidth">More Details (As much as you think we will need!)</label>
      <textarea name="field-400d63fd2970169" id="field-400d63fd2970169" rows="6" cols="40"></textarea>
     </div>
     <div>
      <p>If we need to call you back for any more info, what would be
         the best time to call you on the number supplied?</p>
	<input type="radio" name="field-7c734df8d3fd99e" id="field-7c734df8d3fd99e_0"
         value="In the Morning" /> In the Morning<br/>
	<input type="radio" name="field-7c734df8d3fd99e" id="field-7c734df8d3fd99e_1"
         value="In the Afternoon" /> In the Afternoon<br/>
	<input type="radio" name="field-7c734df8d3fd99e" id="field-7c734df8d3fd99e_2"
         value="In the Evening" /> In the Evening<br/>
	<input type="radio" name="field-7c734df8d3fd99e" id="field-7c734df8d3fd99e_3"
         value="No Calls Please" /> No Calls Please<br/>
     </div>
     <div>
      <p>Bubble Under may share information you give us here with other
         like-minded people or websites to promote the event. Please
         confirm if you are happy for us to do this.</p>
	<input type="checkbox" name="field-ef5566644e77ef5[]" id="field-ef5566644e77ef5_0"
         value="I am happy for this event to be publicised outside of and beyond BubbleUnder.com where possible."/>
         I am happy for this event to be publicised outside of and beyond BubbleUnder.com where possible.<br/>
     </div>
     <div class="buttonarea">
      <input type="submit" value="Send Us the Info"/>
     </div>
    </fieldset>
   </form>

There may be something obvious in there, but I have checked it 6 times!!

forms need an action, which is a script, usually PHP, which then acts upon the data submitted to it.
A from with no action is a dead item.

As John says, on page 287 of the book, note the code inside the action=" " part. Make sure to cover every step in the book.