placeholder Tests

Back to Web 367: Placeholder Title for an Article about HTML5 Placeholders.
Type Expected Behavior Element Chrome 17.0.963.79 Chrome (Canary) 19.0.1065.0 Firefox 10.0 Firefox (Nightly) 13.0 Safari 5.1.2 Opera 11.61 Internet Explorer 9.0.8112.16421 Internet Explorer 10.0.8102.0 iOS 5.0 (9A334)
Keeps placeholder until user enters a non-empty value Optional Implemented Implemented Not implemented Not implemented Implemented Not implemented N/A Not implemented Implemented
input type="text" Expected Implemented Implemented Implemented Implemented Implemented Implemented Not implemented Implemented Implemented
input type="search" Expected Implemented Implemented Implemented Implemented Implemented Implemented Element not available2. Implemented Implemented
input type="password" Expected
Placeholder text should show as plaintext.
Implemented Implemented Implemented Implemented Implemented Implemented Not implemented Implemented Implemented
input type="tel" Expected Implemented Implemented Implemented Implemented Implemented Implemented Element not available2. Implemented Implemented
input type="url" Expected Implemented Implemented Implemented Implemented Implemented Implemented Element not available2. Implemented Implemented
input type="email" Expected Implemented Implemented Implemented Implemented Implemented Implemented Element not available2. Implemented Implemented
input type="datetime"
Invalid Element not available1. Element not available1. Element not available1. Element not available1. Not implemented Not implemented Element not available2. Element not available1. Not implemented
input type="date"
Invalid Element not available1. Element not available1. Element not available1. Element not available1. Not implemented Not implemented Element not available2. Element not available1. Not implemented
input type="month"
Invalid Element not available1. Element not available1. Element not available1. Element not available1. Not implemented Not implemented Element not available2. Element not available1. Not implemented
input type="week"
Invalid Element not available1. Element not available1. Element not available1. Element not available1. Not implemented Not implemented Element not available2. Element not available1. Not implemented
input type="time"
Invalid Element not available1. Element not available1. Element not available1. Element not available1. Not implemented Not implemented Element not available2. Element not available1. Not implemented
input type="datetime-local"
Invalid Element not available1. Element not available1. Element not available1. Element not available1. Not implemented Not implemented Element not available2. Element not available1. Not implemented
input type="number" Expected Implemented Implemented Element not available1. Element not available1. Not implemented Implemented Element not available2. Not implemented Implemented
input type="range"
Invalid N/A N/A Element not available1. Element not available1. N/A N/A Element not available2. N/A Not implemented
input type="color"
Invalid Element not available1. Element not available1. Element not available1. Element not available1. Element not available2. Not implemented Element not available1. Element not available2. Element not available2.
input type="checkbox"
Invalid N/A N/A N/A N/A N/A N/A N/A N/A N/A
input type="radio"
Invalid N/A N/A N/A N/A N/A N/A N/A N/A N/A
input type="hidden" Invalid N/A N/A N/A N/A N/A N/A N/A N/A N/A
input type="file"
Invalid Not implemented Not implemented Not implemented Not implemented Not implemented Not implemented Not implemented Not implemented Not implemented
input type="submit"
Invalid N/A N/A N/A N/A N/A N/A N/A N/A N/A
input type="image"
Invalid N/A N/A N/A N/A N/A N/A N/A N/A N/A
input type="reset"
Invalid N/A N/A N/A N/A N/A N/A N/A N/A N/A
textarea
Expected Implemented Implemented Implemented Implemented Implemented Implemented Not implemented Implemented Implemented
select
Invalid Not implemented Not implemented Not implemented Not implemented Not implemented Not implemented Not implemented Not implemented Not implemented
contenteditable
Invalid
Not implemented, #21286 Not implemented Not implemented Not implemented Not implemented Not implemented Not implemented Not implemented Not implemented
placeholder does not submit with form Expected Implemented Implemented N/A Implemented
placeholder resets with form reset Expected Implemented Implemented N/A Implemented
Notes:
  1. Element was not implemented by the browser, so it falls back to input type="text" which should work in all browsers that are supported by the placeholder.
  2. Element was not implemented by the browser and it falls back to input type="text" but placeholder does not work.
With help from Mike Taylr's HTML5 inputs and attribute support.