textarea 提示文字，点击消失

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

澪月

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

阅读量2.7k

点赞数 1

分类专栏： js jsp

本文链接：https://blog.csdn.net/For_GG/article/details/78053156

版权

js 同时被 2 个专栏收录

22 篇文章 1 订阅

订阅专栏

jsp

2 篇文章 0 订阅

订阅专栏

<textarea cols="50" rows="5" id="textarea" 
    onfocus="if(value=='请输入发送内容'){value=''}"  
    onblur="if (value ==''){value='请输入发送内容'}">
            请输入发送内容
</textarea>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

澪月

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

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

漂浮

05-29

3万+

源码： <input name="textfield" type="text" maxlength="20" value="请输入文字.." onfocus="if (value =='请输入文字..'){value =''}" onblur="if (value ==''){value='请输入文字..'}" /> textarea: <textarea cols=

在textarea中的提示文字

weixin_34336292的博客

05-19

954

<textarea id="description" name="description" placeholder="描述不能超过200个字符！"></textarea> 转载于:https://blog.51cto.com/miximixi/1652852

1 条评论您还未登录，请先登录后发表或查看评论

android 注释常用标签

weixin_30737433的博客

05-07

223

javadoc： {@link ActivityGroup} 链接到包、类； {@link #setContentView} 用#链接到类成员； @return View The current View with focus or null. @see android.view.Window#getCurrentFocus @param i...

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

wangchaoqi1985的博客

06-11

560

效果： input： textarea: 限100字源码： input： <input name="textfield" type="text" maxlength="20

如何在textarea中插入提示文本

weixin_35750747的博客

12-27

2136

在 textarea 中插入提示文本的方法有以下几种: 使用 HTML5 的 placeholder 属性: 在 textarea 标签中添加 placeholder 属性, 并赋值为你想要插入的提示文本即可. 使用 JavaScript: 可以使用 JavaScript 来动态插入提示文本, 例如使用 jQuery 的 val() 方法将提示文本设置为 textarea 的值. 使用 CS...

jQuery插件EnPlaceholder实现输入框提示文字

10-24

在使用该插件时，如果选择通过value模拟placeholder，可以为input或textarea元素的placeholder属性设置初始值，当输入框未获得焦点且没有输入内容时，这个值将会显示为灰色的提示文字。当输入框获得焦点或者有内容...

点击提示框提示信息消失

01-08

当鼠标点击文本框，提示信息消失提示信息框,最多允许输入150个汉字 <textarea id="info" rows="5" cols="50" </div>

JTextArea怎么能让用户输入文字，并设置输入文字的位置呢，最好显示“请在此处输入文字”当用户点击时，这句提示话语消失，并让用户输入

06-06

要实现这个功能，可以使用JTextArea和FocusListener。...这样，当用户点击JTextArea时，提示文本会消失，并且用户可以输入自己的文本，当用户离开JTextArea时，如果JTextArea没有文本，则提示文本会重新显示。

使用HTML开发商业网站-表单控件-textarea课件.pptx

07-10

这将在`textarea`中显示一个淡色的提示文字，当用户开始输入时会自动消失。总结，`<textarea>` 控件是HTML表单中用于收集多行文本的重要元素，通过合理设置`cols`、`rows`属性以及应用CSS和JavaScript，我们可以...

如何实现textarea里的不同文本显示不同颜色

09-04

如何实现textarea里的不同文本显示不同颜色呢？控制textarea的style设置Textarea以及把文本放到标记里都不会起作用，下面有个不错的解决方法，感兴趣的朋友可以了解下

在textarea里,加提示效果.

网站开发初中级代码参考-转载

12-06

281

textarea标签使用placeholder属性添加提示文字，页面却不显示

qq_45350116的博客

08-24

1957

1.原因：标签之间有空格 2.正确写法及错误写法： ①正确： <textarea type="text" name="message" placeholder="请输入留言内容"></textarea> ②错误： 2.1<textarea type="text" name="message" placeholder="请输入留言内容"> </textarea> 2.2<textarea type="text" name="m...

textarea 单击鼠标,清除默认字

最新发布

ykm302的博客

08-17

667

先看原本应该达到的效果其中的 placeholder="" 项内部就是显示提示值的地方。

textarea中提示文本的实现，默认显示，点击消失

wzf7065的博客

02-04

1804

有时我们在输入框中给用户提示一些内容，这些内容默认显示，用户点击后消失，现在也有些网站点击了也不消失，但是不消失的文本并不会被写入服务器。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt...

＜textarea＞初始文字点击消失/固定大小/取消点击效果

weixin_51109349的博客

11-10

590

textarea 默认值点击消失

06-01

您可以通过以下两种方式实现此功能： 1. HTML5 的 placeholder 属性：使用该属性可以设置输入框的默认值，当用户点击输入框时，该默认值会自动消失，示例代码如下： ```html <textarea placeholder="请输入内容"></textarea> ``` 2. JavaScript 实现：使用 JavaScript 监听 textarea 的 focus 事件和 blur 事件，根据事件类型来判断是否需要清空 textarea 的值，示例代码如下： ```html <textarea id="myTextarea">请输入内容</textarea> <script> var myTextarea = document.getElementById('myTextarea'); myTextarea.addEventListener('focus', function () { if (this.value === '请输入内容') { this.value = ''; } }); myTextarea.addEventListener('blur', function () { if (this.value === '') { this.value = '请输入内容'; } }); </script> ```