input 表单点击消失离开出现

本文介绍了两种实现HTML输入框默认提示文本的方法,并提供了具体的代码示例。第一种方法使用了纯HTML和JavaScript来改变输入框的颜色及内容;第二种方法则通过设置onfocus和onblur事件实现了类似的功能。

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

效果1:

<input type="text" name="textfield" value="这里是提示内容" onclick="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" />

效果2:

<input id="fast_inp" class="gettext" onblur="if(this.value==''){this.value='搜索您的信息...';}" onfocus="if(this.value=='搜索您的信息...'){this.value='';}" value="搜索您的信息..." name="q" type="text">

效果截图效果:

转载于:https://www.cnblogs.com/linyusong/p/5830736.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值