/
Forms - sample collection data
Forms - sample collection data
Location | Effort to convert into PL | Form Layout | Alignment | Label location | Tooltips | Placeholder text | Validation | Location of validation | Advance input fields | Semantic HTML | Links | Action buttons | Submit | Screenshots |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Location: how can I get to this form?
Effort into making into pattern library: t-shirt size estimate
Order placement: inline, stack, both
Alignment: left align, center, etc
Label location: above, left, none
Tooltips
Placeholder content/text
Validation: inline, summary, etc
Location of validation: top, bottom, left, right
Advance input fields (e.g. date pickers, sliders, toggles, popups, etc)
Semantic use of HTML form elements (fieldset, legend, new HTML5 elements, etc)
Links: default, hover, active, visited
Action buttons: default, hover, active
Submit: what happens after the form is submitted
Screenshots
, multiple selections available,
Related content
Robert - forms audit
Robert - forms audit
More like this
Roderick
Roderick
More like this
Christine
Christine
More like this
Brian - Forms Audit
Brian - Forms Audit
More like this
Alisan -
Alisan -
More like this
Ari / Studio Course Settings
Ari / Studio Course Settings
More like this