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.
Enjoyed this? Follow me on Mastodon or add the RSS, euh ATOM feed to your feed reader.
Dit artikel van murblog van Maarten Brouwers (murb) is in licentie gegeven volgens een Creative Commons Naamsvermelding 3.0 Nederland licentie .