Comments on: Accessibly autopopulating text input fields with jQuery

By: Rob Wilkerson

Rob Wilkerson — Sun, 08 Mar 2009 04:41:12 +0000

True, but I know I do it in many cases where I’m sure that the content will likely extend beyond what the input can contain. It’s a nice way of showing the entire content without violating the design, IMO. For that reason, the latter option may not work for me. I’ll have to think about the edge cases, though; it seems like it might work anyway, since it keys on an empty value to trigger any change of the value.

By: Andy

Andy — Fri, 06 Mar 2009 05:04:12 +0000

Thanks, Rob. Another option we thought of was just taking any input that has the title attribute set behave this way since adding the title attribute to an input element is pretty rare:

	$(document).ready(function(){

		$("input[title!='']").each(function(){
			$(this).each( function(){
				if ( $(this).val() == "" ) {
					$(this).val( $(this).attr("title") );
				}
			});
			$(this).focus(function(){
				if ( $(this).val() == $(this).attr("title") ) {
					$(this).val("");
				}
			});
			$(this).blur(function(){
				if ( $(this).val() == "" ) {
					$(this).val( $(this).attr("title") );
				}
			});
		});

	});

By: Rob Wilkerson

Rob Wilkerson — Thu, 05 Mar 2009 22:45:34 +0000

I like this. I guess I either missed or forgot about Roger’s article, but this is simple and elegant with less text hard coded throughout the page. Can’t beat that. Think I’ll start using this myself.