JSFiddle - React, Tailwind, and code Playground

by Thierry Bela

HTML

<script src="http://github.com/tbela99/placeholder/raw/master/Source/placeholder.js"></script>
<form method="post" action="">
  <p>
    <input type="text" name="name" class="placeholder" value="Your name" />
</p>
  <p><input type="password" name="passwd" class="placeholder" value="Your password" />  </p>
  <p><textarea cols="47" rows="10" name="comment" class="placeholder">Your feedback</textarea>  </p>
  <p><input type="submit" value="Submit" />  </p>
</form>

JavaScript

/*
        handle form submission
        */
        document.getElement('form').addEvent('submit', function(e) {
         
            e.stop();
            alert('form data: ' + this.toQueryString());
        }).
            //change placeholder text of the first input
            getElement('input').set('value', 'Type your name').autoempty('Type your name');