我一直在尝试在文本输入中设置默认值,然后使用 jQuery,当您“焦点”文本框时,它会使文本变为黑色(默认为浅灰色),并删除默认值。我想您知道我在说什么,那么您知道如何实现这一点吗?
最佳答案
<input class="txtClass" type="text" defaultVal="Enter your Name" />
<input class="txtClass" type="text" defaultVal="Enter your Designation" />
javascript
$('body').ready(function(){
$('.txtClass').each( function () {
$(this).val($(this).attr('defaultVal'));
$(this).css({color:'grey'});
});
$('.txtClass').focus(function(){
if ( $(this).val() == $(this).attr('defaultVal') ){
$(this).val('');
$(this).css({color:'black'});
}
});
$('.txtClass').blur(function(){
if ( $(this).val() == '' ){
$(this).val($(this).attr('defaultVal'));
$(this).css({color:'grey'});
}
});
});
参见工作示例: http://jsbin.com/ovida3 罢工>
http://jsbin.com/ovida3/2
关于jQuery 删除焦点上的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2530280/