Suggesting input - a jQuery snippet Graceful degrading javascript
Today I’d like to share with you a snippet that simply uses the ‘title’ value of an input to make a suggestion. It degrades nicely, also users with Javascript turned off are able to get the hint, by hovering over.
$('input[title]') .val( function(i,value) { return value == "" ? $(this).attr("title") : value; }) .focus( function() { if ($(this).attr("title") == $(this).val()) $(this).val(""); } ); // added: don't submit the suggested values $('form').submit(function() { $('input[title]').val( function(i,value) { return value == $(this).attr("title") ? "" : value; } ); });
For optimal userfriendlyness, make the suggested input a little less dark than the user filled in ones.
BTW. It assumes you are already using the jQuery library.