Let's look at some forms!
Text-related Form Elements
Text Input
Each input should a unique 'name' attribute
What is your name?
* indicates required fields
First Name *:
Last Name:
Email:
Password:
Textarea Input
Each textarea should also have a unique 'name' attribute
How do you feel about programming.
Option-related Form Elements
Checkbox Input
All checkbox inputs should have unique (but similar) 'name' attributes and different 'value' attributes
How do you get to class?
Bike
Bus
Car
I roll out of bed and open my laptop
Radio Input
All radio inputs of the same group should have the SAME 'name' attributes, but different 'value' attributes
What program are you in?
Recording Arts and Show Production
Digital Filmmaking and Video Production
Graphic Design and Web Development
Complex Form Elements
Date Input
Each date input should have a unique 'name' attribute
When is your birthday?
Dropdown Input (select/options)
Each dropdown should have a unique 'name' attribute on the "select" element, and unique 'value' attributes on each "option" element
What is your favorite food group?
Fruits
Veggies
Meat
Grains
Dairy
Button-related Form Elements
Button Inputs
A button input does not need a 'name' attribute, but to change the text inside the button, you will need to use the 'value' attribute.