JavaScript 使HTML5占位符在非支持性浏览器中工作

Posted 2021-05-20

// make HTML5 placeholders work in non supportive browsers
	$("input[placeholder]").each(function(){
		if($(this).val()==""){
			// $(this).addClass('hasplaceholder');
			$(this).val($(this).attr("placeholder"));
			$(this).focus(function(){
				if($(this).val()==$(this).attr("placeholder")) $(this).val("");
				// $(this).removeClass('hasplaceholder');
			});
			$(this).blur(function(){
				if($(this).val()==""){
					// $(this).addClass('hasplaceholder');
					$(this).val($(this).attr("placeholder"));
				}
			});
		}
	});

	$('form').submit(function(evt){
		$('input[placeholder]').each(function(){
			if($(this).attr("placeholder") == $(this).val()) {$(this).val('');}
		});
	});
});