Skip to content

Instantly share code, notes, and snippets.

@ryanorsinger
Last active September 24, 2015 04:18
Show Gist options
  • Save ryanorsinger/baffb4811f7b6aa09e1f to your computer and use it in GitHub Desktop.
Save ryanorsinger/baffb4811f7b6aa09e1f to your computer and use it in GitHub Desktop.
Forms Practice - make these forms for your own HTML library
Pages:
-
- resume page
-
-
Forms:
Search form
- method="GET"
- must have a label
- type="text"
- placeholder text
Newsletter subscription form
- method="POST"
- must have a label
- input type="email"
- placeholder text
Comment form
- method="POST"
- use text area input <textarea rows="10" cols="50">
- placeholder text
Login form
- method="POST"
- username input
- password input
Sign-up form
- method="POST"
- name, email, password, password_confirmation
- hidden input for created_at input, type="date"
Profile creation form
- method="POST"
- image upload
Advertisement Listing Form
- use labels on inputs
- item name
- price
- description
- image upload that allows multiple images in one upload
Shopping Cart Form
- method="GET", so the results can be bookmarked
- label on inputs
- values
Purchase Form
- method="POST"
- first, middle, last name inputs
- credit card# input
- security code
- expiration date
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment