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

最新推荐文章于 2023-08-17 12:36:54 发布

fu_manxing

最新推荐文章于 2023-08-17 12:36:54 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： web

本文链接：https://blog.youkuaiyun.com/fu_manxing/article/details/52473352

web 专栏收录该内容

28 篇文章

订阅专栏

本文提供了一个简单的HTML示例，展示了如何使用输入框和文本域，并通过JavaScript实现预填充文字的功能。当用户聚焦或离开这些字段时，会触发特定的行为。

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

源码：

[html]view plaincopy 
   
print?
 <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>  