Attribute: placeholder

Test

The placeholder value should be announced on focus

Example

Code sample

<input type="text" placeholder="Add your name">

CSS sample

::-webkit-input-placeholder { color: #666; }
:-moz-placeholder { color: #666; }
::-moz-placeholder { color: #666; }
:-ms-input-placeholder { color: #666; }

OS	Browser	NVDA 2014.4	JAWS 16	VoiceOver
Windows 7	IE 11	"Name. Edit. Blank"	"Name. Edit. Type in text"
Windows 7	IE 8	"Name. Edit. Blank"	"Name. Edit. Type in text"
Windows 7	Chrome 39	"Name. Edit. Add your name"	"Name. Edit. Add your name. Type in text"
Windows 7	Firefox 34	"Name. Edit with autocomplete. Blank"	"Name. Edit. Type in text"
OSX 10.9	Chrome 39			"Name. Edit. Text."
OSX 10.9	Firefox 34			"Name. Text."
OSX 10.9	Safari 7			"Add you name. Name. Edit. Text."

Bottom of page - Back to home