Last active
September 24, 2015 04:18
-
-
Save ryanorsinger/baffb4811f7b6aa09e1f to your computer and use it in GitHub Desktop.
Forms Practice - make these forms for your own HTML library
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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