Trying to make a contact form in Dreamweaver CS5.

5 replies
  • WEB DESIGN
  • |
I built my site in Photoshop, sliced it up in Imageready, and made it a editable web page rather than just a big image file. Now, I need to make the designated area into a contact form. Here is the site and you can easily see where the contact for is supposed to go.

I made the images for the name/email/phone/message boxes into background images for those areas so I can add text over them, or make them into my working contact form.
#contact #cs5 #dreamweaver #form #make
  • {{ DiscussionBoard.errors[5076596].message }}
    • Profile picture of the author kamran9868
      <form ACTION="/cgi-bin/form-submit/ipusers/jruser/forms/em" method="post">
      Name:<br />
      <input type="text" name="name" value="your name" /><br />
      E-mail:<br />
      <input type="text" name="mail" value="your email" /><br />
      Phone:<br />
      <input type="text" name="Phone" value="your Phone" />
      <br /><br />
      <input type="submit" value="Submit">

      </form>

      The most important line is the reference to the form-submit utility:

      <form ACTION="/cgi-bin/form-submit/ipusers/jruser/forms/em" method="post">
      Here, the argument /ipusers/jrusers/forms gives the path from the top of the WWW tree to J. Random's forms directory, and the final element em identifies the form to be used. Given this, form-submit will take its directions from a file named em.submit in that forms directory.

      em.submit -- the definitions file for form-submit

      The em.submit file tells form-submit how to proceed with processing the form submitted from em.html .


      # submit file for email form

      Tag-Required: name

      Tag-Default comments ""

      Email-file em.template
      Email-to : email address

      Return-document: em-done.html
      This file says that the submitter's name must be provided, and that the comments field, if omitted, will be set to blanks -- this will make sure that there is a translation for the comments field when it is included in the email message. The file also specifies that the results of the form should be emailed to "email address" using the file em.template as a model. That file (the template file) contains form-submit style substitutions so that the actual submitted information can be sent in the desired format. Finally, the em.submit file says that when the form is successfully processed, a file em-done.html should be returned to the submitter as a confirmation page.
      Signature
      {{ DiscussionBoard.errors[5076690].message }}
      • Profile picture of the author Neodism
        Originally Posted by kamran9868 View Post

        <form ACTION="/cgi-bin/form-submit/ipusers/jruser/forms/em" method="post">
        Name:<br />
        <input type="text" name="name" value="your name" /><br />
        E-mail:<br />
        <input type="text" name="mail" value="your email" /><br />
        Phone:<br />
        <input type="text" name="Phone" value="your Phone" />
        <br /><br />
        <input type="submit" value="Submit">

        </form>

        The most important line is the reference to the form-submit utility:

        <form ACTION="/cgi-bin/form-submit/ipusers/jruser/forms/em" method="post">
        Here, the argument /ipusers/jrusers/forms gives the path from the top of the WWW tree to J. Random's forms directory, and the final element em identifies the form to be used. Given this, form-submit will take its directions from a file named em.submit in that forms directory.

        em.submit -- the definitions file for form-submit

        The em.submit file tells form-submit how to proceed with processing the form submitted from em.html .


        # submit file for email form

        Tag-Required: name

        Tag-Default comments ""

        Email-file em.template
        Email-to : email address

        Return-document: em-done.html
        This file says that the submitter's name must be provided, and that the comments field, if omitted, will be set to blanks -- this will make sure that there is a translation for the comments field when it is included in the email message. The file also specifies that the results of the form should be emailed to "email address" using the file em.template as a model. That file (the template file) contains form-submit style substitutions so that the actual submitted information can be sent in the desired format. Finally, the em.submit file says that when the form is successfully processed, a file em-done.html should be returned to the submitter as a confirmation page.

        I'm not trying to insert a whole new complete form there. If you look at the link I provided, you can see that there is a place designed for the contact form. I am trying to make that into a working contact form. The look of it will stay exactly the same, it will just work for contacting us.
        Signature
        Free Web Design from Neodism.
        {{ DiscussionBoard.errors[5076790].message }}
  • Profile picture of the author johnpetrov
    I guess you'll need to hire someone to do this job for ya:
    http://fiverr.com/gigs/search?query=...t+form&x=0&y=0
    {{ DiscussionBoard.errors[5076702].message }}
  • Profile picture of the author aspectiit
    try this code


    <head>
    <title>Feedback Form</title>
    </head>
    <body>
    <h1>Send Us Your Feedback!</h1>
    <form action="send_mail.php" method="post">
    <table>
    <tr>
    <td>Email Adress:</td>
    <td>
    <input type="text" name="email_address" value="" maxlength="100" />
    </td>
    </tr>
    <tr>
    <td>Comments:</td>
    <td>
    <textarea rows="10" cols="50" name="comments"></textarea>
    </td>
    </tr>
    <tr><td> </td>
    <td>
    <input type="submit" value="Submit" />
    </td>
    </tr>
    </table>
    </form>
    </body>
    </html>
    {{ DiscussionBoard.errors[5092650].message }}

Trending Topics