TextArea中出现默认值点击鼠标消失

最新推荐文章于 2024-08-17 09:43:10 发布
原创 最新推荐文章于 2024-08-17 09:43:10 发布 · 613 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使用HTML和JavaScript实现Textarea默认提示值的方法。当Textarea获得焦点时，默认提示消失；失去焦点且为空时，默认提示重新显示。这种方法适用于网页表单中提供初始提示信息。

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

TEXTAREA中出现默认值点击鼠标消失

<textarea id="textarea"onblur="if(this.innerHTML==''){this.innerHTML='在这里输入默认值';this.style.color='#D1D1D1'}" style="COLOR: #d1d1d1" onfocus="if(this.innerHTML=='在这里输入默认值'){this.innerHTML='';this.style.color='#000'}">在这里输入默认值</textarea>

kingsmalltwo
关注
Web-拾贝
oscar999的专栏
03-10 1万+
JavaScript MVC框架PK：Angular、Backbone、CanJS与Emberhttp://www.youkuaiyun.com/article/2013-04-25/2815032-A-Comparison-of-Angular-Backbone-CanJS-and-Ember一个好的js method 方法查询的网站， 有browser兼容的介绍http://help.dottoro.co...
文本框特效:获取焦点时自动清除默认文本 失去焦点重新显示默认文字
脑袋不好使
11-23 3333
代码 background-image:url(input.gif); 给文本框设置背景图片 onfocus="if(this.value='输入关键字 ')this.value=''" 获取焦点(即鼠标点击文本框)时自动清除文本框文字内容 onblur="this.value='输入关键字'"/ 失去焦点(即鼠标点击文本框以外的区域)时返回显示文本框默认文字内容 只清除文本时还可以用
textarea中提示文本的实现，默认显示，点击消失
wzf7065的博客
02-04 1938
有时我们在输入框中给用户提示一些内容，这些内容默认显示，用户点击后消失，现在也有些网站点击了也不消失，但是不消失的文本并不会被写入服务器。 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt...
textarea 默认值消失
fengjianchao_vip2的专栏
10-05 2049
<br /><html><br /><head><br /><title>对XX的评论</title><br /><br /><script type="text/javascript"><br />var bFlag=true;//全局变量,用于判断是否允许清除文本框内容<br />//用于清除输入框中提示信息的方法<br />function clearTip(){<br />        var oTxt=document.getElementById("txt1");<br />        
textarea 点击文本框文字消失，我做了一个但是textarea默认值不显示怎么回事
lcczzu的专栏
08-18 2506
文明上网，理性发言') {this.value='';}this.style.color='#333';" onblur="if(this.value=='') {this.value='文明上网，理性发言';this.style.color='#333';}"maxlength="20">文明上网，理性发言 如果要焦点在该框内里的字颜色变化（如红色），就改成以下： 文明上网，理性发言
html textarea默认值 点击消失,input文本域默认显示文字单击消失
weixin_30856391的博客
06-03 978
/p>Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">div{ width:600px; margin:30px auto;}input{ width:400px; color:#ccc; border:1px solid #d7d7d7;}textarea{ width:500px...
textarea设置默认值,鼠标移走就出现,鼠标经过就消失怎么写?
wust_star的专栏
05-30 2456
文明上网，理性发言
泛微E9开发 文本框可编辑状态为空时设置默认提示信息，鼠标数据时消失
最新发布
a_waste_only的博客
08-17 860
流程表单中添加了一个“电话号码”文本框的字段，需要提醒用户这个电话号码用于电话联络、通知等用途，虽然可以使用系统自带的“问号说明”，但是每次需要点击才能看到，所以用户提出需要明显一点的地方显示。KaTeX parse error: Expected group after '_' at position 7: {字段ID}_̲。新建流程时，打开表单默认显示界面如下图。
textarea 聚焦后边框_实现"输入框"获得焦点时外边框变蓝
weixin_42464967的博客
12-24 3150
背景之前做了一个网页，网页中的所有输入框都被设计为“获得鼠标焦点时外边框不变蓝”。突然某一天，产品觉得这样用户体验不好，不能很明显地告诉用户当前鼠标停在哪里，于是要求改为“当输入框获得鼠标焦点时，外边框自动变蓝；失去焦点时外边框恢复原样”。浏览器自动会给输入框input、textarea的outline 属性设置一个默认值，效果就是当输入框获得鼠标焦点时外边框会自动带上颜色，失去焦点时外边框颜色消...
ie placeholder属性的兼容性问题解决方法
12-13
html 5 有个很棒的属性，placeholder，在鼠标聚焦到上面时候，提示文字会消失，失去焦点之后，又会出现： 但是在不支持html5的低版本的浏览器中，placeholder属性是无效的，为了解决这个问题，因此，人为的去实现...
鼠标选中文本框，默认内容消失
11-12
鼠标选中文本框，默认内容消失，没有新内容输入的时候，鼠标点击文本框以为的区域默认内容重新显示。
textarea默认值问题
jacklin8891的专栏
05-09 1942
IE10以上浏览器  chrome,firefox 浏览器  建议用html5属性 placeholder 但是10一下不能用，建议用js来添加默认值     New Document                     var $td=$("#td"); document.getElementById("td").style.c
textarea自动消除输入的空格
qq_41353397的博客
05-02 1217
html代码： <textarea class="test" onkeyup="replaceAll()">111</textarea> <script> function replaceAll(){ var p = /([\n\r])+/g; var textareaVal = $(".test").val(); textareaVal = textareaVal .replaceAll(p,"\n"); $(".test").val("textareaVal
textarea焦点的用法(获取焦点清空，失去焦点提示)
热门推荐
⊱☞菜鸟笔记☜⊰
05-19 3万+
效果图：
光标操作知多少？（input textarea 操作）
懒虫一个V
08-03 5581
本文带你领略input textarea 光标操作：
input和textarea失去焦点时placeholder消失，获取焦点存在
早晚的博客
08-10 993
<textarea cols="46" rows="3" placeholder="请填写" onfocus="this.placeholder=''" onblur="this.placeholder='请填写'"></textarea> οnfοcus=“this.placeholder=’’” 焦点事件把当前的placeholder内容设为空 οnblur=“this.placeholder=‘成功标准类型名称’” 失去焦点事件把当前的placeholder内容设为原来
【前端JS】input textarea 默认文字，点击消失
千山牧雪的专栏
06-11 5879
实现 input textarea 默认浅色提示文字，点击消失
textarea 默认值 点击消失
06-01
1. HTML5 的 placeholder 属性：使用该属性可以设置输入框的默认值，当用户点击输入框时，该默认值会自动消失，示例代码如下： ```html <textarea placeholder="请输入内容"></textarea> ``` 2. JavaScript 实现：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值