Loading...
SUI - Form placeholder
We are not using Dropbox anymore for UX definitions
please check SUI Studio instead:
https://sui-components.now.sh/
Thanks
Form p
laceholder is pre-filled text in text fields such as Input or Text area.
It serves to inform the user about the type of content he has to fill in that place.
Definition metadata
Status
of definition
Complete
Definition v
ersion number
1
.
0
Category
Atom
Last Changelog update
21
/11/2017
(see
details
in
the Changelog section)
Owners
UX
@
David G
, UI
@
Daniel P
, FE
Structure
This component is based on an informative text that is combined with other Atoms such as Input or Text Area.
It is recommended
(but
not mandatory) to always include a placeholder in the text field to clear up any doubts about the required content.
Behavior
When loading the page, the placeholder must be loaded. Once the user starts writing, it should disappear.
When the user starts to write, the Placeholder will disappear. If the written text is deleted, the placeholder should reappear.
Content
The text must be clear, concise and
short
.
Visual
Accessibility
This component should support all the recommendations that appear on the
Accessibility & Inclusion Guidelines
.
For
this component
it is recommended to pay special attention to the following recommendations:
16. Text should always be displayed as text
Links
SUI
Paste link here.
InfoJobs
Paste link here.
Fotocasa:
Paste link here.
Coches:
https://zpl.io/bzn16A3
(Version
1.0)
Changelog
Here we will detail the changes, improvements or additions that we include in this documentation in future versions.
Version 1.1
Section X: Lorem ipsum
Section X: Lorem ipsum
Section X: Lorem ipsum
Please turn on JavaScript to use Paper in all of its awesomeness. ^_^
Definition metadata
Structure
Behavior
Content
Visual
Accessibility
Links
SUI
InfoJobs
Fotocasa:
Coches:
Changelog
Version 1.1