Pin Me

Where Can I Find Free Feedback Forms?

written by: •edited by: Amy Carson•updated: 5/19/2011

There are various reasons why you might want a feedback form on your website, but they can be difficult for a HTML beginner to code. Feel free to use the forms provided here!

  • slide 1 of 7

    Get Feedback from Your Site Visitors

    Using a HTML form will enable you to gather feedback from your visitors Website contact forms are one of the most important elements of any online presence. After all, there is no point having a website or blog if no one is able to contact you!

    The most common means of doing this is to create a feedback form, which might sit on a page alongside your email address and phone number. Such a feedback form would be in HTML and typically allow you to capture specific information from the website visitor and have it emailed by the website to your inbox.

    Newcomers to HTML might find creating a feedback form a little daunting. Don’t worry – below you will find three free ones that you can use!

    (Screenshot by author)

  • slide 2 of 7

    What Type of Form Do You Need?

    There are many different ways in which you can configure an e-mail feedback forms, depending upon the type of information that you want to gather.

    For instance if you just want to collect feedback from anonymous visitors to your website, you would simply request an e-mail address and a comment; the e-mail address is required by the visitor’s e-mail client unless you send the message via the website’s own mail server.

    Similarly if you wanted to collect far more detailed information, you would add fields that ask for the reader’s name, perhaps a telephone number, or the URL for their own website.

  • slide 3 of 7

    Styling a Form

    In addition to the standard elements of an e-mail feedback form, you might be looking to apply a particular feel and look to the layout of the form using CSS.

    Having a feedback form is one thing; making it blend into your website is another, and thanks to CSS this can be done relatively easily.

    We’ve compiled three free HTML e-mail feedback forms below which you can use in your own website, and these can be styled by adding the relevant declarations to your CSS document. Remember that you can tweak the CSS (or even swap it around with the different forms) to create a great new look for the form, one that might suit your website much better than the basic HTML form.

  • slide 4 of 7

    Form 1: Request Name, E-mail Address and a Comment

    Below you will three free forms. These each require that you use the appropriate form script on your email server for sending e-mails from within webpages, and the path to this script should be inserted into the chosen form in the first line: <form action="[URL to form script]" method="POST">

    Here is the basic HTML form that requests name, e-mail address and comment:

    <form action="[URL to form script]" method="POST">

    Your name: <br/>

    <input type="text" name="realname"><br/>

    <br/>

    Your email: <br/>

    <input type="text" name="email"><br/>

    <br/>

    Your comments: <br/>

    <textarea name="comments" rows="15" cols="50"></textarea><br/><br/>

    <input type="submit" value="Submit">

    </form>

  • slide 5 of 7

    Form 2: Contact Form with Website URL Field

    A free e-mail contact form with additional fields for your website URL:

    <form action="[URL to form script]" method="POST">

    Your name: <br/>

    <input type="text" name="realname"><br/>

    <br/>

    Your email: <br/>

    <input type="text" name="email"><br/>

    <br/>

    Your website URL: <br/>

    <input type="text" name="url"><br/>

    <br/>

    Your comments: <br/>

    <textarea name="comments" rows="15" cols="50"></textarea><br/><br/>

    <input type="submit" value="Submit">

    </form>

  • slide 6 of 7

    Form 3: Request a Telephone Number as Well as Name, URL, etc.

    Finally, this form features a field to request a telephone number:

    <form action="[URL to form script]" method="POST">

    Your name: <br/>

    <input type="text" name="realname"><br/>

    <br/>

    Your telephone number: <br/>

    <input type="text" name="telno"><br/>

    <br/>

    Your email: <br/>

    <input type="text" name="email"><br/>

    <br/>

    Your website URL: <br/>

    <input type="text" name="url"><br/>

    <br/>

    Your comments: <br/>

    <textarea name="comments" rows="15" cols="50"></textarea><br/><br/>

    <input type="submit" value="Submit">

    </form>

    Our guide to CSS should explain how simple it is to style your form.

  • slide 7 of 7

    References

    Author's own experience; code by author.