How to Install an "Email Us" Form With a Drop Down Box
Creating an email form with a drop-down box involves learning a few new HTML commands. It can be done in a few minutes, and your form email can be installed on your site in no time. There is no need to change anything on your server or create any plug-ins, unless you want to capture email addresses for an email newsletter.
Other People Are Reading
Instructions
-
-
1
In a text editor, open the page on which you want the email form to go.
-
2
Enter the following HTML command on the page:<form action="mailto:email@your-website-name.com">.
-
-
3
Type the following code on the next line to create a drop-down box:<select name="selection name">The selection name can be anything, and won't show up on the page. It is for your reference, and should relate to what people are selecting from the drop-down list.
-
4
Add the following HTML below the command:<option value="Your First option">Your First Option Here</option>This tells the browser that there is an option in the list. Call the first option anything inside the quotes; what appears in quotes doesn't show up on the page. The text the viewer sees is between the > < tags. In this case, it would be Your First Option Here. Repeat this step for every option you want on your list. Then place a </select> tag at the end.
-
5
Enter a text box by typing in the following:<textarea name="body" rows="10" cols="60"> </textarea>
-
6
Add the buttons to make your form work. Type in <input type="submit" name="send" value="Send Your Message"/>, <input type="submit" name="cancel" value="Cancel"/>. Then type </form> to complete the form.
-
1
Tips & Warnings
When clicked, the browser sends the text in the text area to the email address listed after the "mailto:" tag. You can make multiple forms and have messages go to any email address you want. Each one can have a drop-down box with different options. You can add text in <p> tags between the form and drop-down menu.
