Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

How can I get the data in this form emailed to me when someone fills the form in?

Featured Replies

This is the code I have for my form:

 

<form id="contactus" name="Contact us" method="post" action="contactsubmit.html">
    <p>
      <label for="textfield"><strong>Your details</strong><br />
      </label>
    </p>
    <p><span id="sprytextfield1">
    <label for="name">Surname<span class="required">*</span></label>
    <input name="name" type="text" id="name" />
    <span class="textfieldRequiredMsg">Please enter your surname</span></span><span id="sprytextfield2">
      <label for="name">First name</label>
      <span class="required">*</span>
      <input type="text" name="name2" id="name" />
      <span class="textfieldRequiredMsg">Please enter your first name</span></span></p>
    <p><span id="sprytextfield3">
    <label for="email">Email address<span class="required">*</span></label>
    <input type="text" name="email" id="email" />
    <span class="textfieldRequiredMsg">Please enter your email address</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span><span id="spryconfirm1">
      <label for="email">Confirm email address<span class="required">*</span></label>
      <input type="text" name="email2" id="email" />
      <span class="confirmRequiredMsg">Please confirm your email address</span><span class="confirmInvalidMsg">The values don't match.</span></span></p>
    <p><strong>Your message</strong></p>
    <p>What's your message about?<span class="required">*</span></p>
    <p><span id="spryradio1">
      <label>
        <input type="radio" name="message-type" value="radio" id="message-type_0" />
        General enquiry</label>
      <br />
      <label>
        <input type="radio" name="message-type" value="radio" id="message-type_1" />
        Feedback</label>
      <br />
      <label>
        <input type="radio" name="message-type" value="radio" id="message-type_2" />
        Complaint</label>
      <br />
      <label>
        <input type="radio" name="message-type" value="radio" id="message-type_3" />
        Suggestion</label>
      <br />
      <span class="radioRequiredMsg">Please make a selection.</span></span></p>
    <p>
      <label for="message">Message</label>
      <span class="required">*</span>
<textarea name="message" id="message" cols="45" rows="5"></textarea>
      <span class="textareaRequiredMsg">A value is required.</span></p>
    <p>
      <input name="Reset" type="reset" class="formbutton" id="button" value="Reset" />
      <input name="button2" type="submit" class="formbutton" id="button2" value="Submit" />
    </p>
  </form>

I have heard that using the "mailto:" tag requires an email program to be installed on the computer. So is there any other ways I can do it, using JavaScript or something like that?

 

Thank you for any help.

  • Author

I have created this form using Dreamweaver CS6, and used some Spry form items on it. Like the one for the email address, I've used a "Spry Validation Text Field". I'm not sure if that makes any difference or not.

The mailto option is a part of the href attribute that lets a link point to an amail adress. If the user has an email program it will open with a new blank email ready to fill in and send to the adress specified. A contact form on the other hand should be processed by server side scripting (like PHP or ASP). In the action attribute of the form tag you point to the script which procees the form. Here's a PHP example by webdesigner93 posted on this forum:

.

http://www.webdesignerforum.co.uk/topic/60874-my-contact-form-v251/

Edited by Nillervision

  • Author

The mailto option is a part of the href attribute that lets a link point to an amail adress. If the user has an email program it will open with a new blank email ready to fill in and send to the adress specified. A contact form on the other hand should be processed by server side scripting (like PHP or ASP). In the action attribute of the form tag you point to the script which procees the form. Here's a PHP example by webdesigner93 posted on this forum:

.

http://www.webdesignerforum.co.uk/topic/60874-my-contact-form-v251/

Thank you for your help, I'll have a look at that.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.