Introduction
jQuery Form Notifier is a very small plugin that shows text message on input field.
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>
