html 占位文本,Html占位符文本以textarea形式

本文介绍了一种使用JavaScript为网页表单中的输入框添加自动提示功能的方法。通过设置自动聚焦及提示文本,改善用户体验。当输入框为空时显示默认提示,用户开始输入时提示消失。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

查看

http://www.ajaxblender.com/howto-add-hints-form-auto-focus-using-javascript.html我觉得它有你想要的东西.

这是一个简单的页面,上面有一个我快速放在一起的电子邮件字段(主要来自教程).

$(document).ready(function(){

// Focus auto-focus fields

$('.auto-focus:first').focus();

// Initialize auto-hint fields

$('INPUT.auto-hint, TEXTAREA.auto-hint').focus(function(){

if($(this).val() == $(this).attr('title')){

$(this).val('');

$(this).removeClass('auto-hint');

}

});

$('INPUT.auto-hint, TEXTAREA.auto-hint').blur(function(){

if($(this).val() == '' && $(this).attr('title') != ''){

$(this).val($(this).attr('title'));

$(this).addClass('auto-hint');

}

});

$('INPUT.auto-hint, TEXTAREA.auto-hint').each(function(){

if($(this).attr('title') == ''){ return; }

if($(this).val() == ''){ $(this).val($(this).attr('title')); }

else { $(this).removeClass('auto-hint'); }

});

});

Email:

标题文本如果为空则放在字段中,并在用户开始键入后删除.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值