inupt textarea提示文字（点击消失，不输入恢复）

最新推荐文章于 2024-07-17 22:31:47 发布

原创最新推荐文章于 2024-07-17 22:31:47 发布 · 3.8w 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#inupt #textarea #提示文字点击消失 #不输入恢复

Html/Jquery/Ajax 专栏收录该内容

22 篇文章

订阅专栏

本文介绍了一种在HTML中为输入框和文本域设置默认提示信息的方法，通过使用onfocus和onblur事件来实现当光标聚焦时清除默认提示、失去焦点时恢复默认提示的功能。

源码：

<input name="textfield" type="text"  maxlength="20" value="请输入文字.."
    onfocus="if (value =='请输入文字..'){value =''}"
    onblur="if (value ==''){value='请输入文字..'}" />
<br><br>
textarea:
<textarea cols="50" rows="5" id="textarea" onfocus="if(value=='限100字'){value=''}"
    onblur="if (value ==''){value='限100字'}">限100字</textarea>