textarea设置默认值变灰（讲述textarea标签属性）

完美解决textarea输入框提示文字，必须添加默认内容有placeholder标签，可以添加提示文字 ，但是没有;所以提出以下解决方案1....</div> <div class="content"> <p>完美解决textarea输入框提示文字，必须添加默认内容</p> <p><input/>有placeholder标签，可以添加提示文字 ，但是<textarea>没有;所以提出以下解决方案</p> <p>1.</p> <pre class="wp-block-preformatted"><textarea id="t" rows="20" cols="20"></textarea> <script> var 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; } }; </script> </pre> <p>2.</p> <pre class="wp-block-preformatted"><textarea cols="50" rows="5" id="textarea" onfocus="if(value=='限100字'){value=''}" onblur="if (value ==''){value='限100字'}">限100字</textarea> </pre> <p>3.</p> <p>这你需要把id=’note’的div 定位到textarea上面</p> <pre class="wp-block-preformatted"> <div style="position:relative;"> <textarea class="textarea" onfocus="document.getelementbyid('note').style.display='none'" onblur="if(value=='')document.getelementbyid('note').style.display='block'"></textarea> <div id="note" class="note"> <font color="#777">项目需求概要</font> </div> </div> </pre> <p>4.</p> <pre class="wp-block-preformatted"><script type="text/javascript"> //提示内容：（默认值） var c = '请输入内容：'; function on_focus(obj){ obj.value = obj.value==(!!arguments[1]?arguments[1]:c)?'':obj.value; } function on_blur(obj){ obj.value = obj.value==''?(!!arguments[1]?arguments[1]:c):obj.value; } </script> </pre> <figure class="wp-block-image"><noscript><img onerror="this.src='/statics/superweb999/images/image_error.jpg'"src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXM1LjEwcWlhbndhbi5jb20vMTBxaWFud2FuLzIwMjIwMjIxL2JfMF8yMDIyMDIyMTIwMTI0NDgzOTUucG5n" alt="textarea设置默认值变灰（讲述textarea标签属性）" title="textarea设置默认值变灰（讲述textarea标签属性）"></noscript> <img onerror="this.src='/statics/superweb999/images/image_error.jpg'"class="j-lazy" src="/default/index/img?u=aHR0cHM6Ly9pbWFnZXM1LjEwcWlhbndhbi5jb20vMTBxaWFud2FuLzIwMjIwMjIxL2JfMF8yMDIyMDIyMTIwMTI0NDgzOTUucG5nP3gzMjMzMA==" data-original="https://images5.10qianwan.com/10qianwan/20220221/b_0_202202212012448395.png" alt="textarea设置默认值变灰（讲述textarea标签属性）" title="textarea设置默认值变灰（讲述textarea标签属性）"></figure> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/2174909.html"> 解决Vue.js父组件$on无法监听子组件$emit触发事件的问题 </a> </p> <p> 下一篇： <a href="/article/2174911.html"> JAVA包装类及自动封包解包实例代码 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2200827.html" target="_blank" title="textarea设置默认值变灰（讲述textarea标签属性）"> <h2> textarea设置默认值变灰（讲述textarea标签属性） </h2> </a> </li> <li> <a href="/article/2174910.html" target="_blank" title="textarea设置默认值变灰（讲述textarea标签属性）"> <h2> textarea设置默认值变灰（讲述textarea标签属性） </h2> </a> </li> <li> <a href="/article/571733.html" target="_blank" title="设置contenteditable属性可编辑HTML标签的内容(可代替textarea)_HTML/Xhtml_网页制作"> <h2> 设置contenteditable属性可编辑HTML标签的内容(可代替textarea)_HTML/Xhtml_网页制作 </h2> </a> </li> <li> <a href="/article/571112.html" target="_blank" title="html中的textarea属性大全(设置默认值 高度自适应 获取内容 限制输入字数 placeholder)"> <h2> html中的textarea属性大全(设置默认值 高度自适应 获取内容 限制输入字数 placeholder) </h2> </a> </li> <li> <a href="/article/400133.html" target="_blank" title="设置contenteditable属性可编辑HTML标签的内容(可代替textarea)_HTML/Xhtml_网页制作"> <h2> 设置contenteditable属性可编辑HTML标签的内容(可代替textarea)_HTML/Xhtml_网页制作 </h2> </a> </li> <li> <a href="/article/395677.html" target="_blank" title="html中的textarea属性大全(设置默认值 高度自适应 获取内容 限制输入字数 placeholder)"> <h2> html中的textarea属性大全(设置默认值 高度自适应 获取内容 限制输入字数 placeholder) </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>