HTML Forum

**leishusheng** · 12-25-2010, 12:16 AM

Hi,

Can anyone please tell me how to add a form with checkboxes on an html page? I mean I dont want to use form generators, just want to know how to do it and how to code an email address where the information added in forms can be emailed to.

Looking forward to your posts.

Thanks,

**chrishirst** · 12-25-2010, 07:01 AM

HTML Code:

<form name="formname" action="" method="post">
<input type="checkbox" name="chk1" value="1" />Check1
<input type="checkbox" name="chk2" value="2" />Check2
<input type="checkbox" name="chk3" value="3" />Check3
<input type="checkbox" name="chk4" value="4" />Check4
<input type="submit" name="submit" value="Go" />
</form>

**chrishirst** · 12-25-2010, 07:04 AM

Then of course you need some server side code to send the email.

**maryparker** · 08:45 PM

You may also try this sample code:

<html>
<head>
<title>My Page</title>
</head>
<body>
<form method="post" action="mailto:youremail@email.com">
Select your favorite cartoon characters.
<input type="checkbox" name="toon" value="Goofy">Goofy
<input type="checkbox" name="toon" value="Donald">Donald
<input type="checkbox" name="toon" value="Bugs">Bugs Bunny
<input type="checkbox" name="toon" value="Scoob">Scooby Doo
<input type="submit" value="Email Myself">
</form>
</body>
</html>

Output:

**Html Web Design** · 12-28-2010, 02:51 AM

Code:

<html> 
<title>this is the title of the web page</title> 
</head> 
<body> 

<form action=""> 
HTML tutorial: 
<input type="checkbox"  name="tutorial" value="HTML" /> 
<br /> 
CSS tutorial: 
<input type="checkbox"  name="tutorial" value="CSS" /> 
<br /> 
other tutorial: 
<input type="checkbox"  name="tutorial" value="other" /> 
</form> 

</body> 
</html>

**ewkrfd** · 12-30-2010, 03:48 AM

chrishirst ，The answer is right.

**praveencrony** · 11:00 AM

<html>
<head>
<title>checkbox</title>
</head>
<body>
<form method ="post" action="your phpfile.php"
<input type="checkbox" name="option1" value="male"> Male<br>
<input type="checkbox" name="option2" value="female" > female<br>
</form>
</body>
</html>