How to make check-boxes in a form with HTML/XHTML
Checkboxes allow users to select one or more options from a limited number of options.
The code below shows you how to create check boxes in a form in HTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Web Development Tutorials.com</title>
</head>
<body>
<form action="formscript.php" method="post">
1: <input type="checkbox" name="tutorial" value="HTML" />
<br />
2: <input type="checkbox" name="tutorial" value="CSS" />
3: <input type="checkbox" name="tutorial" value="Javascript" />
<br />
</form>
</body>
</html>
Note: The <input> tag is a self-enclosing tag, therefore it must have a forward slash (/) and a preceding blank space to end the tag, for it to be XHTML compliant.
The code below shows you how to create checkboxes.
Use the text editor below to practice what you have learned.