叁柒設計 三七设计 Three seven design
详细信息
来自:关键字:

文本框特效:获取焦点时自动清除默认文本 失去焦点重新显示默认文字

  July 14th,2009 17:13:29   Category : Javascript
 Click (1724)

代码

<input style="padding-left:46px;" type='text' name='keyword' size='23' value='输入关键字' maxlength='50' onfocus="if(this.value='输入关键字')this.value=''" onblur="this.value='输入关键字'"/>

onfocus="if(this.value=='输入关键字')this.value=''" 获取焦点(即鼠标点击文本框)时自动清除文本框文字内容

onblur="this.value='输入关键字'"/ 失去焦点(即鼠标点击文本框以外的区域)时返回显示文本框默认文字内容

只清除文本时还可以用 onClick=this.value=''"

[ 资讯评论 ]
  • lianne
    2011-04-08 16:45:18
  • 非常感谢,问题解决了。
  • 十三
    2009-08-04 16:49:03
  • 失去焦点,不应该这么清除内容。要检测下用户是否输入了内容。
[ 提交评论 ]
请选择表情
  • 昵称:
  • *
  • 验证码:
  • *点击更换验证码
  • 尚能输入个字符
申明:本网站部分分享内容来自网络,如有侵权请及时与我联系,谢谢,另网友评论仅代表个人观点,与本站立场无关,如果在评论中发表违反我国任何法律的,请即时与我们联系(QQ:77132915),我们将立即予以删除. [ 注:提交评论后,通过审核后方能在网站上显示!]