In the Forms 101 unit we worked with a simple text input form field.

In this unit I want to introduce you to a variety of other fields you can use.

We’ll expand the textual field types, then we’ll add other kinds of fields: checkboxes, radio buttons, textarea, select, and more.

Each field accepts those attributes:

• id and class as any HTML element to assign an unique identifier and HTML classes
• name to give a label to the data
• value to set the initial value
• required to set the field as required
• disabled to set the field as disabled (grayed out and not editable)
• readonly to set the field as read only (not editable)
• placeholder sets a placeholder for the field, similar to value as it’s displayed in the field, but not sent to the server
• autofocus put on a single form field in the page, the browser will put its focus on that field on page load

Lessons in this unit: