您的位置：首页 > Web前端 > JQuery

jquery文本框提示信息

2011-08-20 21:28 381 查看

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<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>

<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="介绍一下你自己，比如你的职业、公司，或专业特长、兴趣爱好等。"/>

<input type="text" value="" placeholder="介绍一下你自己，"/>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航