不可编辑：
disabled<span class="token attr-value"><span class="token punctuation attr-equals">=<span class="token punctuation">"disabled<span class="token punctuation">"<span class="token punctuation">><span class="token tag"><span class="token tag"><span class="token punctuation"></textarea<span class="token punctuation">> </span></span></span></span></span></span></span></span></span></span></span></span></span></code></pre> <p>如果仅仅用于禁止输入（只读，但有用），使用readonly属性</p> <pre class=" language-html"><code class=" language-html"><span class="token tag"><span class="token tag"><span class="token punctuation"><textarea <span class="token attr-name">readonly<span class="token attr-value"><span class="token punctuation attr-equals">=<span class="token punctuation">"readonly<span class="token punctuation">"<span class="token punctuation">><span class="token tag"><span class="token tag"><span class="token punctuation"></textarea<span class="token punctuation">> </span></span></span></span></span></span></span></span></span></span></span></span></span></code></pre> <p>让textarea没有黄框且不能拖拽：</p> <pre class=" language-css"><code class=" language-css"> <span class="token selector">textarea<span class="token punctuation">{<span class="token property">outline<span class="token punctuation">:none<span class="token punctuation">;<span class="token property">resize<span class="token punctuation">:none<span class="token punctuation">;<span class="token punctuation">} </span></span></span></span></span></span></span></span></span></code></pre> <p>高度自适应：</p> <pre class=" language-css"><code class=" language-css"><span class="token property">overflow-y<span class="token punctuation">:visible</span></span></code></pre> </div> <!--conend--> <div class="p-2"></div> <div class="arcinfo my-3 fs-7 text-center"> <a href='/t/etagid12880-0.html' class='tagbtn' target='_blank'>HTML学习</a> </div> <div class="p-2"></div> </div> <div class="p-2"></div> <!--xg--> <div class="lbox p-4 shadow-sm rounded-3"> <div class="boxtitle"><h2 class="fs-4">相关</h2></div> <hr> <div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-537045.html">HTML学习笔记03</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-284252.html">HTML学习笔记</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-201652.html">html学习笔记-上</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-74538.html">html学习</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div> <!----> <!----> </div> <!--xgend--> </div> <div class="col-lg-3 col-12 p-0 ps-lg-2"> <!--box--> <!--boxend--> <!--<div class="p-2"></div>--> <!--box--> <div class="lbox p-4 shadow-sm rounded-3"> <div class="boxtitle pb-2"><h2 class="fs-4"><a href="#">标签</a></h2></div> <div class="clearfix"></div> <ul class="m-0 p-0 fs-7 r-tag"> </ul> <div class="clearfix"></div> </div> <!--box end--> </div> </div> </div> </main> <div class="p-2"></div> <footer> <div class="container-fluid p-0 bg-black"> <div class="container p-0 fs-8"> <p class="text-center m-0 py-2 text-white-50">一品网 <a class="text-white-50" href="https://beian.miit.gov.cn/" target="_blank">冀ICP备14022925号-6</a></p> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6e3dd49b5f14d985cc4c6bdb9248f52b"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </footer> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.min.js"></script> </body> </html>