JSFiddle - React, Tailwind, and code Playground

by Константин Дралюк

HTML

<form action="">
  <input type="text" placeholder="value1"><br>
  <input type="text" placeholder="value3"><br>
  <input type="text" placeholder="value4"><br>
  <input type="submit"><br>
</form>

JavaScript

$('input[placeholder]').each(function(){
	var input = $(this), placeholder = input.attr('placeholder');
  input.removeAttr('placeholder').val(placeholder)
  .on('focus', function() { if (input.val() === placeholder) input.val(''); })
  .on('blur', function() { if (!input.val()) input.val(placeholder); });
  input.parents('form').on('submit', function() {
    if (input.val() === placeholder) return false;
  });
});