北京网站优化体验,网站接入地查询,湖南建设教育网站,承接网站建设广告语Stefano J. Attardi写了一个不错的jQuery插件#xff0c;只是这样。它比罗伯特的更稳定#xff0c;并且当场得到焦点时#xff0c;还会变淡到更浅的灰色。我修改他的插件读取占位符属性#xff0c;而不是手动创建跨度。This fiddle具有完整代码#xff1a;HTMLJS// Origin…Stefano J. Attardi写了一个不错的jQuery插件只是这样。它比罗伯特的更稳定并且当场得到焦点时还会变淡到更浅的灰色。我修改他的插件读取占位符属性而不是手动创建跨度。This fiddle具有完整代码HTMLJS// Original code by Stefano J. Attardi,MIT license(function($) {function toggleLabel() {var input $(this);if (!input.parent().hasClass(placeholder)) {var label $().addClass(placeholder);input.wrap(label);var span $();span.text(input.attr(placeholder))input.removeAttr(placeholder);span.insertBefore(input);}setTimeout(function() {var def input.attr(title);if (!input.val() || (input.val() def)) {input.prev(span).css(visibility,);if (def) {var dummy $().text(def).css(visibility,hidden).appendTo(body);input.prev(span).css(margin-left,dummy.width() 3 px);dummy.remove();}} else {input.prev(span).css(visibility,hidden);}},0);};function resetField() {var def $(this).attr(title);if (!$(this).val() || ($(this).val() def)) {$(this).val(def);$(this).prev(span).css(visibility,);}};var fields $(input,textarea);fields.live(mouseup,toggleLabel); // needed for IE reset icon [X]fields.live(keydown,toggleLabel);fields.live(paste,toggleLabel);fields.live(focusin,function() {$(this).prev(span).css(color,#ccc);});fields.live(focusout,#999);});$(function() {$(input[placeholder],textarea[placeholder]).each(function() { toggleLabel.call(this); });});})(jQuery);CSS.placeholder {background: white;float: left;clear: both;}.placeholder span {position: absolute;padding: 5px;margin-left: 3px;color: #999;}.placeholder input,.placeholder textarea {position: relative;margin: 0;border-width: 1px;padding: 6px;background: transparent;font: inherit;}/* Hack to remove Safaris extra padding. Remove if you dont care about pixel-perfection. */media screen and (-webkit-min-device-pixel-ratio:0) {.placeholder input,.placeholder textarea { padding: 4px; }}
