input/有占位符标签,可以添加提示文字,但textarea没有;所以提出以下解决方案
1.
textarea id='t' rows='20' cols='20'/textareascriptvar t=document.getElementById('t');let aaa='项目需求摘要';t.innerHTML=aaa;t.onfocus=function( ){if(this.value==aaa){this.value=''}}; t.onblur=function(){if(this.value==''){this.value=aaa;}};/script2.
textarea cols='50' rows='5' id='textarea' onfocus='if(value=='限100字'){value=''}' onblur='if (value==''){ value='限制为100 个字符'}'限制为100 个字符/textarea3.
您需要将id='note' 的div 放置在文本区域上方
用户评论
这个标题太实用了!我一直想了解textarea的提示文字怎么实现,点击消失的功能,终于找到了这篇教程,太感谢了!
有20位网友表示赞同!
学到了学到了!之前写表单的时候,提示文字总是显示在输入框里,不知道怎么弄消失,这篇博文解决了我这个大问题。
有12位网友表示赞同!
这个方法太赞了,之前我一直用的其他方法,效果不好,点击后提示文字还在,现在终于解决了。
有9位网友表示赞同!
看了这篇博文,我对textarea的提示文字有了更深入的了解,特别是默认显示和点击消失的功能,太方便了。
有11位网友表示赞同!
这篇博文写得真好,不仅讲解了实现方法,还附上了代码示例,学起来轻松多了。
有10位网友表示赞同!
之前写表单的时候,总是忘记设置提示文字,现在有了这篇教程,再也不用担心了。
有6位网友表示赞同!
这个功能太贴心了,用户在填写表单时,提示文字的存在可以减少输入错误,提升用户体验。
有11位网友表示赞同!
这篇博文让我对前端开发有了新的认识,原来textarea的提示文字可以这样实现。
有12位网友表示赞同!
看了这个教程,我觉得自己之前的做法太落后了,现在知道怎么让提示文字点击后消失,太实用了。
有12位网友表示赞同!
这篇博文对我来说是个福音,之前在项目中遇到了同样的难题,现在终于找到了解决方案。
有14位网友表示赞同!
这个方法太高级了,之前我只知道用placeholder,没想到还有这么多的玩法。
有7位网友表示赞同!
这篇博文让我对HTML和CSS有了更深入的理解,特别是textarea的提示文字设置。
有11位网友表示赞同!
这个功能太人性化了,点击消失的提示文字让用户在填写表单时更加方便。
有6位网友表示赞同!
之前一直觉得textarea的提示文字很难实现,没想到这篇博文讲得这么详细,太感谢了。
有18位网友表示赞同!
这篇博文让我对前端开发有了新的启发,以后遇到类似的问题,就知道怎么解决了。
有9位网友表示赞同!
这个方法太实用了,我打算在接下来的项目中尝试一下,看看效果如何。
有9位网友表示赞同!
看了这篇博文,我对前端开发有了新的认识,特别是关于textarea的提示文字设置。
有13位网友表示赞同!
这篇博文太有帮助了,之前我一直觉得这个功能很难实现,现在知道了,太开心了。
有8位网友表示赞同!
这个方法太棒了,我现在就试试看,看看能不能应用到我的项目中。
有17位网友表示赞同!
这篇博文让我对前端开发有了新的认识,特别是关于textarea的提示文字的设置和实现。
有16位网友表示赞同!