Introduction

jQuery Form Notifier is a very small plugin that shows text message on input field.

Try out a demonstration

Quick Start

Starting with jQuery Form Notifier is really easy!

HTML

<body>
  <input type="text" id="id_text1" title="Write your message here!" />
  <input type="text" id="id_text2" title="It's very simple!" />
</body>

Javascript

<script type="text/javascript">
  $(document).ready(function () {
    
    // Normal style
    $('#id_text1').formNotifier();

    // Additional style
    // @see http://docs.jquery.com/CSS/css#properties
    $('#id_text2').formNotifier({
      fontWeight: 'bold',
      color: '#cc0000'
    });
  });
</script>

CSS

<style type="text/css">
.formnotifier {
  color: #a0a0a0;
  font-size: 12px;
  font-style: italic;
  overflow: hidden;
  padding:0 5px;
  position: absolute;
  text-align: left;
  z-index: 100;
}
</style>