JSFiddle - React, Tailwind, and code Playground

by bschafer

HTML

<script src="https://github.com/danielstocks/jQuery-Placeholder/blob/master/jquery.placeholder.min.js"></script>
<input type="text" name="name" placeholder="e.g. John Doe">
<input type="email" name="email" placeholder="e.g. [email protected]">
<input type="url" name="url" placeholder="e.g. http://mathiasbynens.be/">
<input type="tel" name="tel" placeholder="e.g. +32 472 77 69 88">
<input type="password" name="password" placeholder="e.g. h4x0rpr00fz">
<input type="search" name="search" placeholder="Search this site…">
<textarea name="message" placeholder="Your message goes here"></textarea>

CSS

input, textarea { color: #000; }
.placeholder { color: #aaa; }

JavaScript

$('input[placeholder], textarea[placeholder]').placeholder();