How to Make a Checklist in HTML

Sample HTML Checklist

Creating a checklist in HTML allows you to provide a way for your viewers to send feedback, take polls, present options for ordering on the Internet and perform a variety of other tasks where checking off options can be utilized. Using the "input" element in HTML, you can assign identities to each check box and create a functional checklist that provides an efficient method to gather results or information from visitors to your website.

Things You'll Need

• Internet connection
• HTML text editor, such as BBEdit or Dreamweaver

Instructions

1. Open a document in an HTML text editor, such as BBEdit or Dreamweaver

2. Enter the opening "paragraph" element, and give your checklist a title. For example: <p>Demo Checklist:<br />

3. Type in the "input" element and add the "type," "name" and "value" attributes. The "type" is set to "checkbox" because this display serves the function of a checklist, the "name" identifies the title of this checklist, and the "value" identifies the name of the "checkbox". For example: <input type="checkbox" name="demo" value="one" /><br />

4. Specify whether you want your "checkbox" to be "checked" when initially viewed. For example: <input type="checkbox" name="demo" value="one" checked />

5. Add multiple check boxes to your checklist by typing in additional "input" lines of HTML code. For example: <input type="checkbox" name="demo" value="one" />Step One<br /><input type="checkbox" name="demo" value="two" />Step Two<br />

6. Close your checklist with the closing "</p>" paragraph element.

7. Save your file with the ".html" extension.

8. Preview your file in a web browser by using your HTML text editor's "Preview" function. This ensures that your checklist displays correctly.

Tips & Warnings

• Enter text before the "<input>" element to have the text precede the check box.

References

• Forms in HTML Documents

Resources

• Read this Article in Spanish
• World Wide Web Consortium - Web Standards