Wednesday, 24 August 2016

Create Checkbox in Email

In order to add a check box to an email, you will need to create a form and send it as HTML email. This requires some coding. Be sure your email provider supports HTML email before proceeding.

Open your HTML editor, such as FrontPage or Dreamweaver. You can also use a simple text editor such as Notepad.

Create your HTML document. Begin with your opening and closing HTML tags: <html> </html>. The remainder of your content will be typed between these two tags. Next, add a title and text to your email using header, title and body tags. You document should look like this:
<html>
<title> Insert title here </title>
<body> Insert the body of email here </body>
</html>

Create your form. Begin by typing your form tags under the body of your email: <form> </form>. The remainder of your form elements must be typed between these two tags. Next, use the following code to create a check box:

<input
type="checkbox"
name="insert check box label here"
value="Insert check box value here" />


Create Checkbox in Email
The "name" and "value" of the check box will not be visible in your email.

Add some descriptive text next to your check box, and then add a <br/> tag. This creates a break, or a space, before the next item is added. Thus, if your form has two check boxes, one for male and one for female, your form will look like this:

<form>
<input type="checkbox" name="gender" value="male" /> I am a male

<input type="checkbox" name="gender" value="female" /> I am a female
</form>

Again, all that will be visible is the two check boxes and the text beside them, "I am a male" and "I am a female". You can add as many check boxes as you like.

Double-check your document before saving. It should look like this:
<html>
<head>
<title> Insert title here </title>
<body> Insert the body of email here </body>.
<form>
<input type="checkbox" name="gender" value="male" /> I am a male

<input type="checkbox" name="gender" value="female" /> I am a female
</form>
</html>

Copy all the code from your text or HTML editor into an email message and send as you normally would.

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Affiliate Network Reviews