文本框得到焦点後,清空内容,失去焦点,还原成默认值

在网络应用中有时候,我们需要提醒用户输入文本框的值。来确保用户输入的正确性,我们可以使用JavaScript 来解决这个问题,例如需要用户输入昵称:

<input type="text" name="inpName" id="inpName" class="text" size="28" tabindex="1" /> <label for="inpName">名称(*)</label></p>

因为有时,一些用户会临时因有事忘记输入。当 文本框的值为空时,我们还要继续提示。以确保用户输入的有效性!

将代码插入: value="请输入您的昵称..." οnfοcus="if (value =='请输入您的昵称...'){value =''}" οnblur="if (value ==''){value='请输入您的昵称...'}"

最后的效果:<input type="text" name="inpName" id="inpName" class="text" size="28" tabindex="1" value="请输入您的昵称..." οnfοcus="if (value =='请输入您的昵称...'){value =''}" οnblur="if (value ==''){value='请输入您的昵称...'}"/> <label for="inpName">名称(*)</label>

--------------------------------------------------------

<script>
function OnEnter( field ) { if( field.value == field.defaultValue ) { field.value = ""; } }
function OnExit( field ) { if( field.value == "" ) { field.value = field.defaultValue; } }
</script>
<input type=text value="预设文字" onFocus=OnEnter(this) onBlur=OnExit(this)> 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值