jquery文本框提示

文本框输入提示语在，在用户设置的的时候经常性的使用，还是jquery好用,自定义一个属性，把要提示的信息全部写在自定义的属性里面。

< html xmlns="http://www.w3.org/1999/xhtml">

< head>

< meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

< title>无标题文档</title>

< script type="text/javascript" language="javascript" src="Js/jquery.js">

< script type="text/javascript" language="javascript">

$(function(){

$("[placeholder]").css("color","#ccc")

$("[placeholder]").focus(function() {

var input = $(this);

if (input.val() == input.attr("placeholder")) {

input.val("");

input.removeClass("placeholder");

}

}).blur(function() {

var input = $(this);

if (input.val() == "" || input.val() == input.attr("placeholder")) {

input.addClass("placeholder");

input.val(input.attr("placeholder"));

}

}).blur();

$("[placeholder]").parents("form").submit(function() {

$(this).find("[placeholder]").each(function() {

var input = $(this);

if (input.val() == input.attr("placeholder")) {

input.val("");

}

})

});

});

< /script>

< /head>

< body>

< input type="text" value="" placeholder="你的大名"/>

< /body>

< /html>

但是网上大多数都是把文本框提示的内容也一起提交了，那样就只给出了一个效果，没多大用处，加上下面这段代码则不会提交提示内容

$("[placeholder]").parents("form").submit(function() {
$(this).find("[placeholder]").each(function() {
var input = $(this);
if (input.val() == input.attr("placeholder")) {
input.val("");