Simple Submission Form Help

Discussion in 'HTML & Website Design' started by newzone, Dec 2, 2007.

  1. #1
    I want to create a simple submission form by email like this :

    - your name

    - email address

    - url of website

    - description of website

    My question ... how to do this in my html page ?
     
    newzone, Dec 2, 2007 IP
  2. GPGrieco

    GPGrieco Peon

    Messages:
    102
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    
    <html>
    <body>
    <form action="MAILTO:you@youremail.com" method="post" enctype="text/plain">
    
    <h3>This form sends an e-mail to W3Schools.</h3>
    Name:<br>
    <input type="text" name="name"
    value="Your Name" size="20">
    <br>
    E-mail:<br>
    <input type="text" name="email"
    value="your@e-mail.com" size="20">
    <br>
    URL of website:<br>
    <input type="text" name="website"
    value="yoursite.com" size="40">
    <br>
    Description of website:<br>
    <input type="text" name="description"
    value="description" size="40">
    <br><br>
    <input type="submit" value="Send">
    <input type="reset" value="Reset">
    
    </form>
    </body>
    </html>
    
    Code (markup):
    This should help you. let us know if you want anything else.
    Just change you@youremailaddresss.com to where you want the mail to go.
     
    GPGrieco, Dec 2, 2007 IP
  3. newzone

    newzone Well-Known Member

    Messages:
    2,865
    Likes Received:
    52
    Best Answers:
    0
    Trophy Points:
    135
    Digital Goods:
    1
    #3
    Thank You very much , i appreciate very much your help !

    Only things i need i think is to make it appear in center and the description box larger
     
    newzone, Dec 2, 2007 IP
  4. webkid

    webkid Peon

    Messages:
    48
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    #1. You can use either css or just table to make it appear in the center.
    #2. Change the size of the description will make it longer or use textarea to have multiple lines
     
    webkid, Dec 2, 2007 IP
  5. BuildHome

    BuildHome Well-Known Member

    Messages:
    837
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    108
    #5
    <html>
    <body>
    <form action="MAILTO:you@youremail.com" method="post" enctype="text/plain" style="text-align:center;">
    
    <h3>This form sends an e-mail to W3Schools.</h3>
    Name:<br>
    <input type="text" name="name"
    value="Your Name" size="20">
    <br>
    E-mail:<br>
    <input type="text" name="email"
    value="your@e-mail.com" size="20">
    <br>
    URL of website:<br>
    <input type="text" name="website"
    value="yoursite.com" size="40">
    <br>
    Description of website:<br>
    <textarea cols="60" rows="5" name="description">text text</textarea>
    <br><br>
    <input type="submit" value="Send">
    <input type="reset" value="Reset">
    
    </form>
    </body>
    </html>
    HTML:
     
    BuildHome, Dec 2, 2007 IP
  6. newzone

    newzone Well-Known Member

    Messages:
    2,865
    Likes Received:
    52
    Best Answers:
    0
    Trophy Points:
    135
    Digital Goods:
    1
    #6
    Thank You !
     
    newzone, Dec 2, 2007 IP
  7. newzone

    newzone Well-Known Member

    Messages:
    2,865
    Likes Received:
    52
    Best Answers:
    0
    Trophy Points:
    135
    Digital Goods:
    1
    #7
    Is possible after somebody is submitting the mail to be redirected to a " link to us page ?"
     
    newzone, Dec 2, 2007 IP
  8. BuildHome

    BuildHome Well-Known Member

    Messages:
    837
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    108
    #8
    Your form is not in PHP or ASP or any other language so you don't need to redirect the user to any other page because it will open an outlook new email confirm to send you the email.

    You can redirect him anyway after submit the form:
     
    BuildHome, Dec 2, 2007 IP