textarea中提示文字的实现,默认显示,点击消失

教育动态2024-09-15 19:25:35匿名

input/有占位符标签,可以添加提示文字,但textarea没有;所以提出以下解决方案

1.

textarea中提示文字的实现,默认显示,点击消失

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.

textarea中提示文字的实现,默认显示,点击消失

您需要将id='note' 的div 放置在文本区域上方

用户评论

呆萌

这个标题太实用了!我一直想了解textarea的提示文字怎么实现,点击消失的功能,终于找到了这篇教程,太感谢了!

    有20位网友表示赞同!

此刻不是了i

学到了学到了!之前写表单的时候,提示文字总是显示在输入框里,不知道怎么弄消失,这篇博文解决了我这个大问题。

    有12位网友表示赞同!

陌颜

这个方法太赞了,之前我一直用的其他方法,效果不好,点击后提示文字还在,现在终于解决了。

    有9位网友表示赞同!

采姑娘的小蘑菇

看了这篇博文,我对textarea的提示文字有了更深入的了解,特别是默认显示和点击消失的功能,太方便了。

    有11位网友表示赞同!

丢了爱情i

这篇博文写得真好,不仅讲解了实现方法,还附上了代码示例,学起来轻松多了。

    有10位网友表示赞同!

Hello爱情风

之前写表单的时候,总是忘记设置提示文字,现在有了这篇教程,再也不用担心了。

    有6位网友表示赞同!

该用户已上天

这个功能太贴心了,用户在填写表单时,提示文字的存在可以减少输入错误,提升用户体验。

    有11位网友表示赞同!

蝶恋花╮

这篇博文让我对前端开发有了新的认识,原来textarea的提示文字可以这样实现。

    有12位网友表示赞同!

素衣青丝

看了这个教程,我觉得自己之前的做法太落后了,现在知道怎么让提示文字点击后消失,太实用了。

    有12位网友表示赞同!

墨染殇雪

这篇博文对我来说是个福音,之前在项目中遇到了同样的难题,现在终于找到了解决方案。

    有14位网友表示赞同!

北朽暖栀

这个方法太高级了,之前我只知道用placeholder,没想到还有这么多的玩法。

    有7位网友表示赞同!

淡淡の清香

这篇博文让我对HTML和CSS有了更深入的理解,特别是textarea的提示文字设置。

    有11位网友表示赞同!

瑾澜

这个功能太人性化了,点击消失的提示文字让用户在填写表单时更加方便。

    有6位网友表示赞同!

苏莫晨

之前一直觉得textarea的提示文字很难实现,没想到这篇博文讲得这么详细,太感谢了。

    有18位网友表示赞同!

秒淘你心窝

这篇博文让我对前端开发有了新的启发,以后遇到类似的问题,就知道怎么解决了。

    有9位网友表示赞同!

╭摇划花蜜的午后

这个方法太实用了,我打算在接下来的项目中尝试一下,看看效果如何。

    有9位网友表示赞同!

鹿叹

看了这篇博文,我对前端开发有了新的认识,特别是关于textarea的提示文字设置。

    有13位网友表示赞同!

泪湿青衫

这篇博文太有帮助了,之前我一直觉得这个功能很难实现,现在知道了,太开心了。

    有8位网友表示赞同!

莫失莫忘

这个方法太棒了,我现在就试试看,看看能不能应用到我的项目中。

    有17位网友表示赞同!

我就是这样一个人

这篇博文让我对前端开发有了新的认识,特别是关于textarea的提示文字的设置和实现。

    有16位网友表示赞同!

相关推荐