HTML5 & placeholder: how to do it progressively?
-
15-02-2021 - |
Question
I'm thinking about using HTML5's placeholder
attribute. If the browser doesn't support HTML5, I can use jQuery as a fallback. However, what if JS is turned off? How do I handle this using the progressive enhancement philosophy?
Solution
Why don't you show an actual <label>
element and hide it with js?
// js file
$('label').hide();
That way, without js, they'll see a regular label; with js, the label will be removed and you'll get either your jquery placeholder, or your html5 placeholder.
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow