Posted By

dhjapan on 10/07/11

Tagged

login
jquery

Versions (?)

Last Edited at 10/07/11 12:14am

Statistics

Viewed 812 times

Favorited by 0 user(s)

Related snippets

JQuery, login/password fields

/ Published in: JavaScript

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

$(document).ready(function(){
 
			// Form : login
			$("input[name=login]")
				.blur( function() { if ($(this).val() == '' || $(this).val() == 'login') $(this).css('color', '#999').val('login'); } )
				.focus( function() { if ($(this).val() == 'login') $(this).css('color', '#fff').val(''); } )
				.trigger('blur')
			;
			// Form : password
			$("input[name=pass]")
				.blur( function() { if ($(this).val() == '' || $(this).val() == 'password') $(this).css('color', '#999').val('password'); } )
				.focus( function() { if ($(this).val() == 'password') $(this).css('color', '#fff').val(''); } )
				.trigger('blur')
			;
 
		} );