IntroductionjQuery Form Notifier is a very small plugin that shows text message on input field. Try out a demonstration Quick StartStarting 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>
|
