【解决方案】
1. 准备工作
(1)输入框
(2)CSS代码
(3)转换方法
functionswitchText()
{
if ($(this).val() == $(this).attr('title'))
$(this).val('').removeclass('helpText');
else if ($.trim($(this).val()) == '')
$(this).addClass('helpText').val($(this).attr('title'));
}
(4)具体实现
$('input[type=text][title!=""]').each(function() {
if ($.trim($(this).val()) == '') $(this).val($(this).attr('title'));
if ($(this).val() == $(this).attr('title')) $(this).addClass('helpText');
}).focus(switchText).blur(switchText);
$('FORM').submit(function() {
$(this).find('input[type=text][title!=""]').each(function() {
if ($(this).val() == $(this).attr('title')) $(this).val('');
});
});
2. 参考文章
http://webservices.blog.gustavus.edu/2008/06/23/text-input-example-text-with-jquery/
1. 准备工作
(1)输入框
(2)CSS代码
复制代码 代码如下:
(3)转换方法
复制代码 代码如下:
functionswitchText()
{
if ($(this).val() == $(this).attr('title'))
$(this).val('').removeclass('helpText');
else if ($.trim($(this).val()) == '')
$(this).addClass('helpText').val($(this).attr('title'));
}
(4)具体实现
复制代码 代码如下:
$('input[type=text][title!=""]').each(function() {
if ($.trim($(this).val()) == '') $(this).val($(this).attr('title'));
if ($(this).val() == $(this).attr('title')) $(this).addClass('helpText');
}).focus(switchText).blur(switchText);
$('FORM').submit(function() {
$(this).find('input[type=text][title!=""]').each(function() {
if ($(this).val() == $(this).attr('title')) $(this).val('');
});
});
2. 参考文章
http://webservices.blog.gustavus.edu/2008/06/23/text-input-example-text-with-jquery/








网友评论文明上网理性发言已有0人参与
发表评论: