飞龙博客

飞龙博客 飞龙在天

文本区域textarea默认提示消失重现最佳解决方案

feilong.org 修订于2009-12-13 08:34:02 400 次浏览

文本区域textarea如何设置默认值value?悬停或点击文本框后能否自动消失?不点击又如何重新出现?输入文本后,再点击文本区域,还能依然保留输入的文字?

如此高要求的文本区域,可以不是随便找个点击就消失的代码能解决的。想用javascript实现吗?飞龙可不想哟!

于是多次试验,飞龙终于找了一个最好的实现办法,textarea标签里用到了onmouseover、onfocus、onmouseout,当然还有value、blur。本文更新网址:http://feilong.org/textarea-value 2009年12月13日飞龙第1次修订。


没有用到javascript代码,在ie8和firefox显示正常。飞龙认为,这是文本区域textarea默认提示消失重现最佳解决方案。飞龙感觉,用户体验超好!

关于文本框input的value类似效果,参见:http://feilong.org/input-value

更新网址:https://feilong.org/textarea-value
最初发布:20091213 08:34:02 feilong.org 于广州

加入收藏夹,查看更方便。

所在分类: 网站开发

新作:

旧文:

blog money bui 教程 echarts 教程 eclipse 教程 html css 教程 IT趋势 js 教程 json 教程 mysql 教程 nodejs npm 教程 onblog SQLite 教程 tutorials vscode 教程 wap网站 winpe启动盘 wordpress 主机推荐 书法 前端开发 博客 名企名网 国学 域名注册 常用软件 建站程序 操作系统 教程 数码 无线上网 日记 电子商务 电脑笔记本 网站 网站优化 网站开发 网站推广 网站策划 网络 虚拟现实 默认