fancyform.js

Fancy way of hiding your form labels for empty inputs with a placeholder

install using Bower

$ bower install fancyform

snippet

<style type="text/css">
    .fancyform label { transition: color 1s; }
    .hidden { color: transparent; }
</style>
<form class="fancyform">
  <label fancytag="name">name</label>
  <input fancyfield="name" type="text" placeholder="name">

  <label fancytag="email">email</label>
  <input fancyfield="email" type="text" placeholder="email">

  <label fancytag="message">message</label>
  <textarea fancyfield="message" placeholder="message"></textarea>
</form>