JSFiddle - React, Tailwind, and code Playground

by DannyEnglander

HTML

<script src="http://scott.sauyet.com/Javascript/Demo/Overlabel/jquery.overlabel.js"></script>
<form action="#" method="post" accept-charset="utf-8">
    

          
                <label for="name">Name</label><br>
                <input type="text" name="name" value="" id="name" autocomplete="off">
          
            
           
                <label for="email" style="opacity: 1;">Email</label><br>
                <input type="text" name="email" value="" id="email" autocomplete="off">
          
            
           
                <label for="website" style="opacity: 1;">Website</label><br>
                <input type="text" name="website" value="" id="website" autocomplete="off">
          
            
           
                <label for="comment" style="opacity: 1;">Comment</label><br>
                <textarea cols="30" rows="10" name="comment" id="comment"></textarea>
           
    
       <input type="submit" value="submit" autocomplete="off">
    
    </form>

CSS

label.overlabel {
  position: absolute;
  left: 22px;
  z-index: 100;
  color: #999;
  margin-top: 8px;
}

JavaScript

$("label.overlabel").overlabel();