想问一个HTML5的默认文字占位的简单问题</h1></div> <div class="user-card" data-v-0c168368><div class="user-title flex align-center" data-v-21e3c89c data-v-0c168368><a href="https://blog.csdn.net/wumenglu1018" target="_blank" class="flex align-center" data-v-21e3c89c><img src="https://profile-avatar.csdnimg.cn/217a715315394f478ce4ae13e2408e86_wumenglu1018.jpg!1" alt class="head" data-v-21e3c89c> <span class="name" data-v-21e3c89c>IronLavender</span></a> <span class="cop flex1" data-v-21e3c89c><!----> <!----> <!----> <span class="cop-p time" data-v-21e3c89c>2016-12-31 04:02:45</span> <!----></span> <div class="foot-btn-more" data-v-21e3c89c><!----> <!----></div></div></div> <!----> <!----> <!----> <div id="blogDetail2" class="markdown_views htmledit_views" data-v-0c168368>我写的<textarea>：<br /> <textarea name="text" id="text" rows="5" cols="70" placeholder="请输入评论内容";<br /> style="color: dimgrey; font-size: 16px; autofocus:true;"<br /> onfocus="textIN('text')"></textarea><br /> textIN函数（和这个函数其实没关系，我只是设置一下字体，对列数应该不会有影响）：<br /> function textIN(id){<!-- --><br /> /*当textarea获得焦点时*/<br /> var text = document.getElementById(id);<br /> text.style.color = "gray";<br /> text.style.fontFamily = "宋体";<br /> text.style.fontSize = 18;<br /> }<br /> 显示的结果：<br /> <img src="https://img-bbs.csdn.net/upload/201612/31/1483170874_215256.png" alt="" /><br /> <img src="https://img-bbs.csdn.net/upload/201612/31/1483170884_999054.png" alt="" /><br /> <img src="https://img-bbs.csdn.net/upload/201612/31/1483171066_41588.png" alt="" /><br /> 其中第一张图是刚显示页面的时候，第二张图是当文本域获得焦点时，第三张图是文本域失去焦点时。<br /> 我写的样式里指定了行列数，也用placeholder写了默认显示文本，这个默认文本占了列数，然后导致文本域获得焦点时，这段默认文字删除后，列数变小了，文本域也就发生了变化。<br /> 请问，如何解决？我困了很久了，实在没找到解决方法，小白求指教，拜托各位懂得的兄弟跟我讲一下</div></div></div></div> <div class="test" data-v-0c168368> ...全文 </div> <!----></div> <!----> <!----> <!----> <!----> <!----> <div class="vote-outer" style="margin-bottom: 16px;" data-v-56585d28><div class="vote-content" data-v-6331320d data-v-56585d28></div></div> <div class="rates-outer flex align-items-center" data-v-756eb1fa data-v-56585d28><!----> <div role="slider" aria-valuenow="0" aria-valuemin="0" aria-valuemax="5" tabindex="0" class="el-rate" data-v-756eb1fa><span class="el-rate__item" style="cursor:pointer;"><i class="el-rate__icon el-icon-star-off" style="color:#999AAA;"><!----></i></span><span class="el-rate__item" style="cursor:pointer;"><i class="el-rate__icon el-icon-star-off" style="color:#999AAA;"><!----></i></span><span class="el-rate__item" style="cursor:pointer;"><i class="el-rate__icon el-icon-star-off" style="color:#999AAA;"><!----></i></span><span class="el-rate__item" style="cursor:pointer;"><i class="el-rate__icon el-icon-star-off" style="color:#999AAA;"><!----></i></span><span class="el-rate__item" style="cursor:pointer;"><i class="el-rate__icon el-icon-star-off" style="color:#999AAA;"><!----></i></span><span class="el-rate__text" style="color:#555666;"></span></div></div> <!----> <!----></div> <div class="detail-commentbar-box" data-v-56585d28><div class="commentToolbar" data-v-d10a0ac8 data-v-56585d28><div class="user-operate clearTpaErr" data-v-d10a0ac8><span class="sacn" data-v-d10a0ac8><i class="tool-icon icon-sacn" data-v-d10a0ac8></i><span class="num" data-v-d10a0ac8>1566</span></span> <span data-report-click="{"spm":"3001.5988"}" class="reply" data-v-d10a0ac8><i class="tool-icon icon-reply" data-v-d10a0ac8></i><span data-v-d10a0ac8>3</span></span> <!----> <span class="pay-money" data-v-d10a0ac8><i class="tool-icon icon-pay" data-v-d10a0ac8></i><span data-v-d10a0ac8>打赏</span></span> <span data-report-click="{"spm":"3001.5987"}" class="collect" data-v-d10a0ac8><i class="tool-icon icon-collect" data-v-d10a0ac8></i>收藏<!----></span> <div class="handle-item share" data-v-ca030a68 data-v-d10a0ac8><span height="384" data-v-ca030a68><div role="tooltip" id="el-popover-7442" aria-hidden="true" class="el-popover el-popper popo share-popover" style="width:265px;display:none;"><!----><div id="tool-QRcode" class="QRcode" data-v-ca030a68><img src="https://csdnimg.cn/release/cmsfe/public/img/shareBg2.05330abf.png" alt="" class="share-bg" data-v-ca030a68> <div class="share-bg-box" data-v-ca030a68><div class="share-content" data-v-ca030a68><img src="https://profile-avatar.csdnimg.cn/217a715315394f478ce4ae13e2408e86_wumenglu1018.jpg!1" alt="" class="share-avatar" data-v-ca030a68> <div class="share-tit" data-v-ca030a68>想问一个HTML5的<textarea>默认文字占位的简单问题</div> <div class="share-dec" data-v-ca030a68>我写的： textIN函数（和这个函数其实没关系，我只是设置一下字体，对列数应该不会有影响）： function textIN(id){ /*当</div> <span class="copy-share-url" data-v-ca030a68>复制链接</span> <div class="shareText" data-v-ca030a68> </div></div> <div class="share-code" data-v-ca030a68><div class="qrcode" data-v-ca030a68></div> <div class="share-code-text" data-v-ca030a68>扫一扫</div></div></div></div> </div><span class="el-popover__reference-wrapper"><div class="tool-btn share" data-v-d10a0ac8><i class="cty-share" data-v-d10a0ac8></i> <span data-v-d10a0ac8>分享</span></div></span></span></div> <span class="blink-btn" data-v-d10a0ac8><i class="icon-blink" data-v-d10a0ac8></i> <span data-v-d10a0ac8>转发到动态</span></span> <!----> <!----> <span class="report" data-v-d10a0ac8><i class="tool-icon icon-report" data-v-d10a0ac8></i><span data-v-d10a0ac8>举报</span></span> <div class="edit-item" data-v-829a41e2 data-v-d10a0ac8><!----></div> <!----> <div class="reply-box" data-v-d10a0ac8><span data-report-click="{"spm":"3001.5990"}" class="reply reply-act" data-v-d10a0ac8><i class="icon-edit" data-v-d10a0ac8></i> 写回复</span></div></div> <!----> <!----> <!----> <!----> <div class="el-dialog__wrapper" style="display:none;" data-v-d10a0ac8><div role="dialog" aria-modal="true" aria-label="配置赞助广告" class="el-dialog topicad-dialog" style="margin-top:15vh;width:500px;"><div class="el-dialog__header"><span class="el-dialog__title">配置赞助广告</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><div class="el-dialog__footer"><span class="dialog-footer"><button type="button" class="el-button el-button--default el-button--middle"><!----><!----><span>取 消</span></button> <button type="button" class="el-button el-button--primary submit"><!----><!----><span> 确 定 </span></button></span></div></div></div></div></div> <!----> <a href="https://mp.csdn.net/edit?guide=1" target="_blank" data-report-click="{"spm":"3001.9713"}" data-report-query="spm=3001.9713" class="ai-assistant-entrance" data-v-56585d28><span data-v-56585d28>用AI写文章</span> <span class="r-arrow" data-v-56585d28></span></a></div> <!----> <div class="Comment" data-v-aeae4ab6 data-v-4a5a7f56><!----> <header class="reply-header" data-v-aeae4ab6><div class="reply-info" data-v-aeae4ab6><span data-v-aeae4ab6>3 条</span>回复</div> <div class="rit-btn" data-v-aeae4ab6><i class="icon icon-switch" data-v-aeae4ab6></i> <span data-v-aeae4ab6>切换为时间正序</span></div></header> <div class="comment-plugin" data-v-1ba719dd data-v-aeae4ab6><div class="init-box" data-v-1ba719dd><div class="input-box" data-v-1ba719dd>请发表友善的回复…</div> <div class="btn-reply" data-v-1ba719dd>发表回复</div></div> <div data-v-1ba719dd><div class="rich-editor detailReplay" style="display:none;" data-v-06960096 data-v-1ba719dd><!----> <!----> <!----> <div id="mdEditor" class="area" data-v-06960096></div></div></div> <div class="el-dialog__wrapper" style="display:none;" data-v-1ba719dd><div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog redEnvolope-form-reward-dialog" style="margin-top:15vh;width:400px;"><div class="el-dialog__header"><div class="el-dialog__custom-header"><span class="main_title">打赏红包</span> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAA4CAYAAABez76GAAAAAXNSR0IArs4c6QAAAtVJREFUeF7tm2FO3DAQhR+0BVZt2QIFujfrQXqMHqQ3W4kflRYJrZBArV6EUTa7jj0ee0yILUUIZcb2fJnMsx3tEYAfAI4x3/YPwDOARwAPAJ76KI4AfAdwMl8+e5ET0j0AggMBXQBYNEA7BJhNfwmJgL6+XI3RLgFm0oaAmD3Motb2CdwREOsP61Br+wQeCIgKRiVrbZ/AEwGxzV3qfcnRFWm2JvUeRA5Qk/oAoCb1AUBN6gOAmtQHADWpDwBqUh8BqEn9AUhO5nmrSX0AkLnULxaL7gFtt9vu7EXatP4x4/UzyFTqGdx6vf7NSa5Wq19SSFr/GDi06QMyk3oX3HK5/MlJbDabPxJIWv9YOENAZlI/DFACSeMrAeNs+xlkKvUpgab4pEDp+wwBmUq9JGCJrRbKGCBzqY8JPMYmJ5QxQOZSz8mMAeB9qp0r6JJ6lQPa8BUzlfp+AD5ItKkFZ6hi/N9M6g893UOQ+nbS5UCJDDKTet/kfZBqwDmUQaZSL8mitwToCsBpjvSU9jGFV4wxnQP4Ig1Oaz+VIt2prvWn6CnJPAGZFuqYRWCMjTaDff7DdZCzM9lySAKX2OaE5QPEGsRaVKylBJziow3AB4iv2e3gvEg71qu/JlCNb0oAPkDdCh/A55ROQz7aAy+tf2h+/ftjgD4CuJF0JrHVHplq/WPnOgaIfVwCOIvtTGqnPXTX+sfMNwSo6uY1JoDSNiFARWtR6eBy9B8DiDbXAFiTZtdiABHKbF+1WECEVGUTWztlJYBoS1WrchRSC5QEEOdIe54Xzea3HVJAs4OUAoiQuFdjJn2qlfpW46YCcpC+lVxpW0EYG0cDyPXLDS0VLkdfb4HJzhxyBcVFJBXu3S0mcwFyxZufrplROfutmlUlAmEBJyRek/8tbAlA7om/C1AlATlQHIMLS35O4tnSpLLKAtCwhrCQExj/8vrwAo3gasxntMb9B9PXrmqWhf+yAAAAAElFTkSuQmCC" alt="" class="close"></div><!----></div><!----><div class="el-dialog__footer"><span class="dialog-footer"><div class="pay-number"><span>需支付:</span> <span>0.00 </span> <span>元</span></div> <button type="button" class="el-button el-button--default el-button--middle"><!----><!----><span>取 消</span></button> <button type="button" class="el-button el-button--primary disable submit"><!----><!----><span>确 定</span></button></span></div></div></div></div> <div class="comment-box" data-v-aeae4ab6><div id="commentMsgId" class="commentMsg" data-v-395b6e48 data-v-aeae4ab6><div data-v-395b6e48><div id="401967632" class="comment-item" data-v-395b6e48><div class="comment-box" data-v-395b6e48><div class="head-img" data-v-395b6e48><a target="_blank" href="https://blog.csdn.net/qq_36765831" data-v-395b6e48><img src="https://profile-avatar.csdnimg.cn/4521ea691c7c4a80aacea97dd033809f_qq_36765831.jpg!1" alt data-v-395b6e48></a></div> <div class="comment-main" data-v-395b6e48><div class="user-msg" data-v-395b6e48><div class="info-card" data-v-395b6e48><span class="name" data-v-395b6e48><a target="_blank" href="https://blog.csdn.net/qq_36765831" class="name" data-v-395b6e48>okimaChen</a> <!----> <!----> <span class="time" data-v-395b6e48>2017-01-12</span></span> <!----></div> <div class="user-operate clearTpaErr" data-v-395b6e48><span class="operate" data-v-395b6e48><i class="icon icon-operate" data-v-395b6e48></i> <div class="option-box" data-v-395b6e48><ul class="ul-box" data-v-395b6e48><li data-v-395b6e48>打赏</li><!----><!----><!----><li data-v-395b6e48>举报</li></ul></div></span> <span data-report-click="{"spm":"3001.5991"}" class="reply" data-v-395b6e48><i class="icon icon-reply" data-v-395b6e48></i> <span data-v-395b6e48>回复</span></span> <!----> <!----> <span data-report-click="{"spm":"3001.5992"}" class="love" data-v-395b6e48><!----> <i class="icon" data-v-395b6e48></i></span></div></div> <div class="comment-msg" data-v-395b6e48><div class="msg" data-v-395b6e48><!----> <span id="text-401967632" class="text rich-text blog-content-box htmledit_views markdown_views" data-v-395b6e48>简单的换个思路，去掉placeholder属性，用textarea:after{contant="请输入评论内容"}然后js去控制文本域获取焦点时textarea:after{display:none;}失去焦点时textarea:after{display:block;}</span></div></div> <!----></div></div> <div class="comment-child flat-child" data-v-395b6e48><!----></div></div><div id="401967834" class="comment-item" data-v-395b6e48><div class="comment-box" data-v-395b6e48><div class="head-img" data-v-395b6e48><a target="_blank" href="https://blog.csdn.net/jslang" data-v-395b6e48><img src="https://profile-avatar.csdnimg.cn/040110020b204e6692bd1df057d56e81_jslang.jpg!1" alt data-v-395b6e48></a></div> <div class="comment-main" data-v-395b6e48><div class="user-msg" data-v-395b6e48><div class="info-card" data-v-395b6e48><span class="name" data-v-395b6e48><a target="_blank" href="https://blog.csdn.net/jslang" class="name" data-v-395b6e48>天际的海浪</a> <!----> <!----> <span class="time" data-v-395b6e48>2017-01-12</span></span> <!----></div> <div class="user-operate clearTpaErr" data-v-395b6e48><span class="operate" data-v-395b6e48><i class="icon icon-operate" data-v-395b6e48></i> <div class="option-box" data-v-395b6e48><ul class="ul-box" data-v-395b6e48><li data-v-395b6e48>打赏</li><!----><!----><!----><li data-v-395b6e48>举报</li></ul></div></span> <span data-report-click="{"spm":"3001.5991"}" class="reply" data-v-395b6e48><i class="icon icon-reply" data-v-395b6e48></i> <span data-v-395b6e48>回复</span></span> <!----> <!----> <span data-report-click="{"spm":"3001.5992"}" class="love" data-v-395b6e48><!----> <i class="icon" data-v-395b6e48></i></span></div></div> <div class="comment-msg" data-v-395b6e48><div class="msg" data-v-395b6e48><!----> <span id="text-401967834" class="text rich-text blog-content-box htmledit_views markdown_views" data-v-395b6e48>列数没变，只是你把字体大小改了 你可以不设置cols列数，改用css的 width 直接规定文本框的宽度 </span></div></div> <!----></div></div> <div class="comment-child flat-child" data-v-395b6e48><!----></div></div> <!----></div> <!----></div> <!----></div> <!----></div> <xg-player examineInfo="[object Object]" optionsConfig="[object Object]" data-v-4a5a7f56></xg-player> <div class="recommendList" data-v-ca2d15ac data-v-4a5a7f56><div data-report-view="{"mod":"popu_645","index":"1","dest":"https://blog.csdn.net/weixin_45752492/article/details/106611969","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-106611969-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/weixin_45752492/article/details/106611969" data-report-click="{"mod":"popu_645","index":"1","dest":"https://blog.csdn.net/weixin_45752492/article/details/106611969","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-106611969-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-106611969-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-106611969-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>html的学习笔记</a></div> <a target="_blank" href="https://blog.csdn.net/weixin_45752492/article/details/106611969" data-report-click="{"mod":"popu_645","index":"1","dest":"https://blog.csdn.net/weixin_45752492/article/details/106611969","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-106611969-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-106611969-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-106611969-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac> 制作你的第<em>一个</em>网页 html和css的关系 标签的用法 <em>html5</em>文档结构 html文件注释 <em>html5</em>语义化标签 段落标签 使用<span>标签自定义<em>文字</em>样式 使用<hx>标签为网页增加标题 使用<div>标签...</a></div><div data-report-view="{"mod":"popu_645","index":"2","dest":"https://blog.csdn.net/yishui50/article/details/12789531","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12789531-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/yishui50/article/details/12789531" data-report-click="{"mod":"popu_645","index":"2","dest":"https://blog.csdn.net/yishui50/article/details/12789531","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12789531-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12789531-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12789531-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>HTML最给力的入门教程</a></div> <a target="_blank" href="https://blog.csdn.net/yishui50/article/details/12789531" data-report-click="{"mod":"popu_645","index":"2","dest":"https://blog.csdn.net/yishui50/article/details/12789531","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12789531-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12789531-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12789531-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac>第一章 HTML概述与基本结构  一、HTML的概述     HTML的英语意思是：HypertextMarked Language，即超文本标</a></div><div data-report-view="{"mod":"popu_645","index":"3","dest":"https://blog.csdn.net/ruyu00/article/details/81001096","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-81001096-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/ruyu00/article/details/81001096" data-report-click="{"mod":"popu_645","index":"3","dest":"https://blog.csdn.net/ruyu00/article/details/81001096","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-81001096-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-81001096-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-81001096-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>01-HTML基础</a></div> <a target="_blank" href="https://blog.csdn.net/ruyu00/article/details/81001096" data-report-click="{"mod":"popu_645","index":"3","dest":"https://blog.csdn.net/ruyu00/article/details/81001096","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-81001096-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-81001096-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-81001096-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac>一、HTML概述 1、HTML：超文本标记语言 注： （1）静态网页的扩展名：.html、.htm （2）动态网页的扩展名：.asp、.jsp、.aspx、.php 2、HTML标签不区分大小写，但建议小写。所有内容都使用标签完成，不是标签的...</a></div><div data-report-view="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/weixin_45413603/article/details/124679724","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-124679724-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/weixin_45413603/article/details/124679724" data-report-click="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/weixin_45413603/article/details/124679724","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-124679724-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-124679724-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-124679724-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>HTML表单标签</a></div> <a target="_blank" href="https://blog.csdn.net/weixin_45413603/article/details/124679724" data-report-click="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/weixin_45413603/article/details/124679724","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-124679724-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-124679724-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-124679724-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac>表单域是<em>一个</em>包含表单元素的区域。 在 HTML 标签中，<form> 标签用于定义表单域，以实现用户信息的收集和传递。 <form> 会把它范围内的表单元素信息提交给服务器。 <form action="url地址" method</a></div><div data-report-view="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/weixin_42556039/article/details/82623747","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-82623747-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAeZJREFUWEdjZGBgYPhQkSn49/v/EAbG/2oM/xn4QWI0A4wMHxn+M95i5mRcI9Ax/T0jyPI/P/7VM/5n4KKZpVgM/s/I8I2Fg6mR8W1+RioDw39TelqOsIvxNOPbgvRumgc7Lt8xMnxkfJufPmtgfA+xddQBeEOAv7opgImHh5PoKPr169fnOdN3/Xn88DOxevA6QLC9L5KRk4uHWMNA6v59+fz50+TeTf9evvhGjD6qOwDsiI8fPnya2LX537t3Pwg5giYOADvi3Zs3nyZ0bfn36dNvfI6gmQNAlv599fLlxwmd2xi+ffuDsyjAVw6QkwbQLfr76MHDj30duwbMAf+/f/vyvrJoOcUO+Pf82dOv2zadIZSoQPLcXn4mTJJS0iA21Rzw+/6de58n9uwlxgG8+SXOrIoqSlR1ADEWY1NDtRBg+PXrx7+PHz4S4xAmfgF+BjY2DqqGwIBHwb/3797+unzhFjEhwKZroMYkKCRM1RAgxmKapoF/r1+9/HHs8GVslrCISfCzWVpjbdZRLRHiSwOsugZivMkZ/jQNAYa/f//8//UTe+3GyMTMyMGBtd1AtRAY8DQwIA7gTcuxZuDkABcoZIPvP358njXlKFmVEdmWkqBxMHRMBrhrNuCdU1B0DWT3HACwkGScZb+cwwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://blog.csdn.net/weixin_42556039/article/details/82623747" data-report-click="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/weixin_42556039/article/details/82623747","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-82623747-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-82623747-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-82623747-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default" class="title" data-v-ca2d15ac>踩坑之路——微信小程序<em>textarea</em>中placeholder居中<em><em>问</em>题</em></a></div> <a target="_blank" href="https://blog.csdn.net/weixin_42556039/article/details/82623747" data-report-click="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/weixin_42556039/article/details/82623747","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-82623747-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\",\"dist_request_id\":\"1714195347275_87129\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-82623747-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-82623747-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default" class="desc" data-v-ca2d15ac>但placeholder<em>占位</em>符<em>文字</em>却没有，设置placeholder-class、placeholder-style也不可以？？ 没有思路，我就<em>想</em>小程序的文档案例应该有法子，但没<em>想</em>到 官方案例是这样子做的案例？？？看来是莫得法子了，只能...</a></div></div></div></div> <div class="public_pc_right_footer2020" style="display:none;" data-v-4a5a7f56></div></div> <div id="right-floor-user-content_562" data-editor="{"type":"floor","pageId":143,"floorId":562}" class="user-right-floor right-box main-box detail-user-right" data-v-229a00b0><div class="__vuescroll" style="height:100%;width:100%;padding:0;position:relative;overflow:hidden;"><div class="__panel __hidebar" style="position:relative;box-sizing:border-box;height:100%;overflow-y:hidden;overflow-x:hidden;transform-origin:;transform:;"><div class="__view" style="position:relative;box-sizing:border-box;min-width:100%;min-height:100%;"><!----><div comp-data="[object Object]" baseInfo="[object Object]" community="[object Object]" class="introduce" data-v-4722a3ae><div class="introduce-title" data-v-4722a3ae><div class="img-info" data-v-4722a3ae><a href="https://bbs.csdn.net/forums/HTML5" class="community-img" data-v-4722a3ae><img src="https://img-community.csdnimg.cn/avatar/a3a3e28849de4fdfaa5d9b402e5ecd92.png?x-oss-process=image/resize,m_fixed,h_88,w_88" alt data-v-4722a3ae> <div title="HTML5" class="community-name" data-v-4722a3ae> HTML5 </div></a></div></div> <div class="content" data-v-4722a3ae><div class="detail" data-v-4722a3ae><div title="39084" class="item" data-v-4722a3ae><p class="num" data-v-4722a3ae> 39,084 </p> <p class="desc" data-v-4722a3ae> 社区成员 </p></div> <div title="5548" class="item" data-v-4722a3ae><a href="https://bbs.csdn.net/forums/HTML5" target="_blank" data-v-4722a3ae><p class="num" data-v-4722a3ae> 5,548 </p> <p class="desc" data-v-4722a3ae> 社区内容 </p></a></div></div> <div class="detail-btns" data-v-4722a3ae><div class="community-ctrl-btns_wrapper" data-v-0ebf603c data-v-4722a3ae><div class="community-ctrl-btns" data-v-0ebf603c><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-160be461 data-v-0ebf603c><div data-report-click="{"spm":"3001.5975"}" data-v-160be461><img src="https://csdnimg.cn/release/cmsfe/public/img/topic.427195d5.png" alt="" class="img sendTopic" data-v-160be461 data-v-0ebf603c> <span data-v-160be461 data-v-0ebf603c>发帖</span></div> <!----> <!----></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/me.40a70ab0.png" alt="" class="img me" data-v-0ebf603c> <span data-v-0ebf603c>与我相关</span></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/task.87b52881.png" alt="" class="img task" data-v-0ebf603c> <span data-v-0ebf603c>我的任务</span></div></div><div class="community-ctrl-btns_item" data-v-0ebf603c><div class="community-share" data-v-4ca34db9 data-v-0ebf603c><div class="handle-item share" data-v-ca030a68 data-v-4ca34db9><span height="384" data-v-ca030a68><div role="tooltip" id="el-popover-3150" aria-hidden="true" class="el-popover el-popper popo share-popover" style="width:265px;display:none;"><!----><div id="tool-QRcode" class="QRcode" data-v-ca030a68><img src="https://csdnimg.cn/release/cmsfe/public/img/shareBg4.515d57f6.png" alt="" class="share-bg" data-v-ca030a68> <div class="share-bg-box" data-v-ca030a68><div class="share-content" data-v-ca030a68><img src="https://img-community.csdnimg.cn/avatar/a3a3e28849de4fdfaa5d9b402e5ecd92.png?x-oss-process=image/resize,m_fixed,h_88,w_88" alt="" class="share-avatar" data-v-ca030a68> <div class="share-tit" data-v-ca030a68>HTML5</div> <div class="share-dec" data-v-ca030a68>HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。</div> <span class="copy-share-url" data-v-ca030a68>复制链接</span> <div class="shareText" data-v-ca030a68> </div></div> <div class="share-code" data-v-ca030a68><div class="qrcode" data-v-ca030a68></div> <div class="share-code-text" data-v-ca030a68>扫一扫</div></div></div></div> </div><span class="el-popover__reference-wrapper"><div data-v-0ebf603c><img src="https://csdnimg.cn/release/cmsfe/public/img/share-circle.3e0b7822.png" alt="" class="img share" data-v-0ebf603c> <span data-v-0ebf603c>分享</span></div></span></span></div> <!----></div></div></div> <!----> <div data-v-4fb59baf data-v-0ebf603c><div class="el-dialog__wrapper ccloud-pop-outer2" style="display:none;" data-v-4fb59baf><div role="dialog" aria-modal="true" aria-label="dialog" class="el-dialog el-dialog--center" style="margin-top:15vh;width:70%;"><div class="el-dialog__header"><span class="el-dialog__title"></span><!----></div><!----><div class="el-dialog__footer"><span class="dialog-footer clearfix" data-v-4fb59baf><div class="confirm-btm fr" data-v-4fb59baf>确定</div></span></div></div></div></div></div></div></div> <div style="display:none;" data-v-4722a3ae data-v-4722a3ae><!----> <div class="introduce-desc" data-v-4722a3ae><div class="introduce-desc-title" data-v-4722a3ae>社区描述</div> <span data-v-4722a3ae> HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。 </span></div></div> <div class="introduce-text" data-v-4722a3ae><div class="label-box" data-v-4722a3ae><!----> <!----> <!----></div></div> <!----> <div class="manage" data-v-4722a3ae><div class="manage-inner" data-v-4722a3ae><span data-v-4722a3ae>社区管理员</span> <ul data-v-4722a3ae><li data-v-4722a3ae><a href="https://blog.csdn.net/community_213" target="_blank" class="start-img" data-v-4722a3ae><img src="https://profile-avatar.csdnimg.cn/default.jpg!1" alt="HTML5社区" class="el-tooltip item" data-v-4722a3ae data-v-4722a3ae></a></li></ul></div></div> <div class="actions" data-v-4722a3ae><!----> <div style="flex:1;" data-v-4722a3ae><div class="join-btn" data-v-4722a3ae> 加入社区 </div></div> <!----> <!----></div> <div class="el-dialog__wrapper" style="display:none;" data-v-38c57799 data-v-4722a3ae><div role="dialog" aria-modal="true" aria-label="获取链接或二维码" class="el-dialog join-qrcode-dialog" style="margin-top:15vh;width:600px;"><div class="el-dialog__header"><span class="el-dialog__title">获取链接或二维码</span><button type="button" aria-label="Close" class="el-dialog__headerbtn"><i class="el-dialog__close el-icon el-icon-close"></i></button></div><!----><div class="el-dialog__footer"><span class="dialog-footer" data-v-38c57799></span></div></div></div> <div class="collapse-btn" data-v-4722a3ae><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAgCAYAAACFM/9sAAAAAXNSR0IArs4c6QAAAi1JREFUaEPtl01u01AUhc+N8wMSO4AxzJAqwQpKQsdtbMOICmKnwCKQ2ACDIgotrYKiduIiVZ10B0CBAjtAbICfooomJr3IcUoTiVLb15GNuG/67nm65/M5AxP0iAiQSK1iKEBhCBSgAhQSEMo1gQpQSEAo1wQqQCEBoVwT+K8CnLnWvER8cOHMaf95q9Xaj+vDtp3LPeD83u6p9a2t+U5cfVrzmSTQNOfOgg4+ATDAeNHp/Jza3Fz5HtWUZbl3GXjYn2e+53lL96Nq057LBOD0dOOcUSx8BFAcGHpZLlWmVlfnd08yaJrubRAe/Z77HwEG5kdS1E8StgFc9bzFb8dBrNtukxgLwOAXNEF6T/pAce8zSeDhknXbuUNMQRUHe/BrMNX+BNGyHIdBT45m6VVn36/FqX5cOFHmMwUYJrE5x+CgkuEujLe+361ubLS+HhowzeYtEC8NzWyXy5ValMpHgSCZyRxgsLxpui4Ij4/ShZ1S0aiurS18sSznJoOeDt29AaP6t6pLgMTV5gJgsHTddhvEWBwC9Y6AZww8AFA4Lp1xDac9nxuAYZ37aQuqGgIbPTt+t3tluNppw0jyXq4AhnV2ZkG0PAKR8b5UMiaDSicxOU5N7gCGSXRvMLAygPgB3Jv0vOXP4wSR9O1cAgzMzFxvXDR6hYlK5cd6u93eS2pw3LrcAhy38bTeV4BCkgpQAQoJCOWaQAUoJCCUawIVoJCAUK4JVIBCAkL5L1yapyGdIBwvAAAAAElFTkSuQmCC" alt data-v-4722a3ae></div></div><!----><!----><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="floor-user-right-rank" data-v-3d3affee><div class="el-tabs el-tabs--top" data-v-3d3affee><div class="el-tabs__header is-top"><div class="el-tabs__nav-wrap is-top"><div class="el-tabs__nav-scroll"><div role="tablist" class="el-tabs__nav is-top" style="transform:translateX(-0px);"><div class="el-tabs__active-bar is-top" style="width:0px;transform:translateX(0px);ms-transform:translateX(0px);webkit-transform:translateX(0px);"></div></div></div></div></div><div class="el-tabs__content"><div role="tabpanel" id="pane-integral" aria-labelledby="tab-integral" class="el-tab-pane" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-3" aria-labelledby="tab-3" class="el-tab-pane" style="display:none;" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-5" aria-labelledby="tab-5" class="el-tab-pane" style="display:none;" data-v-3d3affee></div><div role="tabpanel" aria-hidden="true" id="pane-6" aria-labelledby="tab-6" class="el-tab-pane" style="display:none;" data-v-3d3affee></div></div></div> <div class="floor-user-right-rank-score" data-v-608528ce data-v-3d3affee><div class="floor-user-right-rank-score-tabs" data-v-608528ce><ul data-v-608528ce><li data-v-608528ce> 近7日 </li><li data-v-608528ce> 近30日 </li><li class="active" data-v-608528ce> 至今 </li></ul></div> <div class="floor-user-right-rank-common" data-v-46cf600d data-v-608528ce><div class="rank-list" data-v-46cf600d><!----> <div class="no-data loading" data-v-46cf600d><i class="el-icon-loading" data-v-46cf600d></i> <p data-v-46cf600d>加载中</p></div> <!----> <a href="https:///HTML5/rank/list/total" target="_blank" class="show-more" data-v-46cf600d> 查看更多榜单 </a></div></div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="floor comunity-rule" data-v-3cfa4dbd><div class="title" data-v-3cfa4dbd> 社区公告 </div> <div class="contain" data-v-3cfa4dbd><div class="inner-content" data-v-3cfa4dbd>暂无公告</div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="user-right-adimg empty-arr" data-v-15c6aa4f><div class="adImgs" data-v-2a6389b9 data-v-15c6aa4f><!----> <div data-v-2a6389b9><div data-v-2a6389b9></div></div></div></div><div comp-data="[object Object]" baseInfo="[object Object]" community="[object Object]" class="content-right-recommend" data-v-0f781e88><div data-v-3798762e data-v-0f781e88><!----> <!----></div></div><div comp-data="[object Object]" baseInfo="[object Object]" typePage="detail" community="[object Object]" class="ai-entrance" data-v-eb1c454c><p data-v-eb1c454c>试试用AI创作助手写篇文章吧</p> <div class="entrance-btn-line" data-v-eb1c454c><a href="https://mp.csdn.net/edit?guide=1" target="_blank" data-report-click="{"spm":"3001.9712"}" data-report-query="spm=3001.9712" class="entrance-btn" data-v-eb1c454c>+ 用AI写文章</a></div></div></div></div></div></div></div></div></div></div></div></div></div> <div> <script type="text/javascript" src="https://g.csdnimg.cn/common/csdn-footer/csdn-footer.js" data-isfootertrack="false" defer></script> </div></div></div><script> window.__INITIAL_STATE__= {"csrf":"dn7PLtkF-oUqZ-fVW8qLDCXCxoTZzww58pRE","origin":"http:\u002F\u002Fbbs.csdn.net","isMobile":false,"cookie":"uuid_tt_dd=10_3162947490-1714195347241-997111;","ip":"18.218.70.93","pageData":{"page":{"pageId":143,"title":"社区详情","keywords":"社区详情","description":"社区详情","ext":{"isMd":"true","armsfe1":"{pid:\"dyiaei5ihw@1a348e4d05c2c78\",appType:\"web\",imgUrl:\"https:\u002F\u002Farms-retcode.aliyuncs.com\u002Fr.png?\",sendResource:true,enableLinkTrace:true,behavior:true}","redPacketCfg":"{\"presetTitle\":[\"成就一亿技术人!\",\"大吉大利\",\"节日快乐\",\"Bug Free\",\"Hello World\",\"Be Greater Than Average!!\"],\"defaultTitle\":\"成就一亿技术人!\",\"preOpenSty\":{},\"redCardSty\":{}}","blogStar":"[{\"year\":\"2021\",\"enable\":true,\"communityIds\":[3859],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2021\"},{\"year\":\"2022\",\"enable\":true,\"communityIds\":[3860],\"url\":\"https:\u002F\u002Fbbs.csdn.net\u002Fsummary2022\"}]","mdVersion":"https:\u002F\u002Fcsdnimg.cn\u002Frelease\u002Fmarkdown-editor\u002F1.1.0\u002Fmarkdown-editor.js","componentSortCfg":"{ \"right\":[\"ratesInfo\",\"cty-profile\",\"pub-comp\",\"user-right-introduce\",\"post-event\",\"my-mission\",\"user-recommend\",\"user-right-rank\",\"user-right-rule\",\"user-right-adimg\"] }","show_1024":"{\"enable\":false,\"useWhitelist\":false,\"whitelist\":[76215],\"home\":\"https:\u002F\u002F1111.csdn.net\u002F\",\"logo\":\"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221104102741.png\",\"hideLive\":true}","iframes":"[\"3859\"]","pageCfg":"{\"disableDownloadPDF\": false,\"hideSponsor\":false}"}},"template":{"templateId":71,"templateComponentName":"ccloud-detail","title":"ccloud-detail","floorList":[{"floorId":562,"floorComponentName":"floor-user-content","title":"社区详情页","description":"社区详情页","indexOrder":3,"componentList":[{"componentName":"baseInfo","componentDataId":"cloud-detail1","componentConfigData":{},"relationType":3},{"componentName":"user-right-introduce","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-recommend","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rank","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-rule","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"user-right-adimg","componentDataId":"","componentConfigData":{},"relationType":2},{"componentName":"default2014LiveRoom","componentDataId":"20221024DefaultLiveRoom","componentConfigData":{},"relationType":3}]}]},"data":{"baseInfo":{"customDomain":"","uriName":"HTML5","communityHomePage":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTML5","owner":{"userName":"community_213","nickName":"HTML5社区","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","position":"","companyName":""},"user":{"userRole":3,"userName":null,"nickName":null,"avatarUrl":null,"rank":null,"follow":2,"communityBase":null,"joinCollege":null,"isVIP":null},"community":{"name":"HTML5","description":"HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。","avatarUrl":"https:\u002F\u002Fimg-community.csdnimg.cn\u002Favatar\u002Fa3a3e28849de4fdfaa5d9b402e5ecd92.png?x-oss-process=image\u002Fresize,m_fixed,h_88,w_88","qrCode":"","createTime":"2012-11-23","communityAvatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","communityNotice":null,"userCount":39084,"contentCount":5548,"followersCount":9862,"communityRule":"","communityId":326,"bgImage":"","hashId":"mgwm6lrl","domain":"","uriName":"HTML5","externalDisplay":1,"adBanner":{"img":"","url":"","adType":0,"adCon":null},"rightBanner":{"img":"","url":"","adType":0,"adCon":null},"tagId":null,"tagName":null,"communityType":1,"communityApplyUrl":"https:\u002F\u002Fmarketing.csdn.net\u002Fquestions\u002FQ2106040308026533763","joinType":0,"visibleType":0,"collapse":0,"topicMoveAble":0,"allowActions":{},"communityOwner":"community_213","tagNameInfo":{"provinceTag":null,"areaTag":null,"technologyTags":null,"customTags":null}},"tabList":[{"tabId":1485,"tabName":"全部","tabUrl":"","tabSwitch":1,"tabType":4,"tabContribute":0,"cardType":0,"indexOrder":-1,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTML5?typeId=1485","iframe":false,"sortType":1},{"tabId":875,"tabName":"问答","tabUrl":"https:\u002F\u002Fask.csdn.net\u002Flist\u002F11\u002Ftag\u002F186","tabSwitch":1,"tabType":0,"tabContribute":0,"indexOrder":0,"iframe":true,"sortType":1},{"tabId":4055699,"tabName":"博文收录","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":19,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTML5?typeId=4055699","iframe":false,"sortType":1},{"tabId":1620051,"tabName":"Ada助手","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":20,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTML5?typeId=1620051","iframe":false,"sortType":1}],"dataResource":{"mediaType":"c_cloud","subResourceType":"8_c_cloud_long_text","showType":"long_text","tabId":0,"communityName":"HTML5","communityHomePageUrl":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FHTML5","communityType":1,"content":{"id":"392071906","contentId":392071906,"cateId":0,"cateName":null,"url":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F392071906","shareUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F392071906","createTime":"2016-12-31 04:02:45","updateTime":"2021-05-28 20:07:02","resourceUsername":"wumenglu1018","best":0,"top":0,"text":null,"publishDate":"2016-12-31","lastReplyDate":"2017-01-12","type":"13","nickname":"IronLavender","avatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F217a715315394f478ce4ae13e2408e86_wumenglu1018.jpg!1","username":"wumenglu1018","commentCount":3,"diggNum":0,"digg":false,"viewCount":1566,"hit":false,"resourceSource":6,"status":10,"taskStatus":null,"expired":false,"taskCate":0,"taskAward":0,"taskExpired":null,"checkRedPacket":null,"avgScore":0,"totalScore":0,"topicTitle":"想问一个HTML5的\u003Ctextarea\u003E默认文字占位的简单问题","insertFirst":false,"likeInfo":null,"description":"我写的： textIN函数（和这个函数其实没关系，我只是设置一下字体，对列数应该不会有影响）： function textIN(id){ \u002F*当","coverImg":"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221026061942.png","content":"我写的<textarea>：\u003Cbr \u002F\u003E\n<textarea name="text" id="text" rows="5" cols="70" placeholder="请输入评论内容";\u003Cbr \u002F\u003E\n style="color: dimgrey; font-size: 16px; autofocus:true;"\u003Cbr \u002F\u003E\n onfocus="textIN('text')"><\u002Ftextarea>\u003Cbr \u002F\u003E\ntextIN函数（和这个函数其实没关系，我只是设置一下字体，对列数应该不会有影响）：\u003Cbr \u002F\u003E\nfunction textIN(id){\u003C!-- --\u003E\u003Cbr \u002F\u003E\n \u002F*当textarea获得焦点时*\u002F\u003Cbr \u002F\u003E\n var text = document.getElementById(id);\u003Cbr \u002F\u003E\n text.style.color = "gray";\u003Cbr \u002F\u003E\n text.style.fontFamily = "宋体";\u003Cbr \u002F\u003E\n text.style.fontSize = 18;\u003Cbr \u002F\u003E\n}\u003Cbr \u002F\u003E\n显示的结果：\u003Cbr \u002F\u003E\n\u003Cimg src=\"https:\u002F\u002Fimg-bbs.csdn.net\u002Fupload\u002F201612\u002F31\u002F1483170874_215256.png\" alt=\"\" \u002F\u003E\u003Cbr \u002F\u003E\n\u003Cimg src=\"https:\u002F\u002Fimg-bbs.csdn.net\u002Fupload\u002F201612\u002F31\u002F1483170884_999054.png\" alt=\"\" \u002F\u003E\u003Cbr \u002F\u003E\n\u003Cimg src=\"https:\u002F\u002Fimg-bbs.csdn.net\u002Fupload\u002F201612\u002F31\u002F1483171066_41588.png\" alt=\"\" \u002F\u003E\u003Cbr \u002F\u003E\n其中第一张图是刚显示页面的时候，第二张图是当文本域获得焦点时，第三张图是文本域失去焦点时。\u003Cbr \u002F\u003E\n我写的样式里指定了行列数，也用placeholder写了默认显示文本，这个默认文本占了列数，然后导致文本域获得焦点时，这段默认文字删除后，列数变小了，文本域也就发生了变化。\u003Cbr \u002F\u003E\n请问，如何解决？我困了很久了，实在没找到解决方法，小白求指教，拜托各位懂得的兄弟跟我讲一下","mdContent":null,"pictures":null,"videoInfo":null,"linkInfo":null,"student":{"isCertification":false,"org":"","bala":""},"employee":{"isCertification":false,"org":"","bala":"学生"},"userCertification":[],"dependId":"0","dependSubType":null,"videoUrl":null,"favoriteCount":0,"favoriteStatus":false,"taskType":null,"defaultScore":null,"syncAsk":false,"videoPlayLength":null},"communityUser":null,"allowPost":false,"submitHistory":[{"user":{"registerurl":"https:\u002F\u002Fg.csdnimg.cn\u002Fstatic\u002Fuser-reg-year\u002F1x\u002F9.png","avatarurl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F217a715315394f478ce4ae13e2408e86_wumenglu1018.jpg!1","nickname":"IronLavender","selfdesc":"时间 时间 你慢慢来","createdate":"2015-10-15 23:02:55","days":"3117","years":"9","username":"wumenglu1018","school":null,"company":null,"job":null},"userName":"wumenglu1018","event":"创建了帖子","body":"2016-12-31 04:02","editId":null}],"resourceExt":{}},"contentReply":{"pageNo":1,"pageSize":20,"totalPages":1,"totalCount":2,"total":0,"list":[{"hit":null,"hitMsg":null,"content":"简单的换个思路，去掉placeholder属性，用textarea:after{contant="请输入评论内容"}然后js去控制文本域获取焦点时textarea:after{display:none;}失去焦点时textarea:after{display:block;}","topicTitle":null,"description":"简单的换个思路，去掉placeholder属性，用textarea:after{contant=\"请输入评论内容\"}然后js去控制文本域获取焦点时textarea:after{display:none;}失去焦点时textarea:after{display:block;}","id":401967632,"contentResourceId":392071906,"bindContentResourceId":0,"communityId":326,"username":"qq_36765831","userNickName":"okimaChen","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F4521ea691c7c4a80aacea97dd033809f_qq_36765831.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":1885779384,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2017-01-12 12:00:49","updateTime":"2017-05-05 05:04:36","formatTime":"2017-01-12","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"列数没变，只是你把字体大小改了\n\n你可以不设置cols列数，改用css的 width 直接规定文本框的宽度\n","topicTitle":null,"description":"列数没变，只是你把字体大小改了 你可以不设置cols列数，改用css的 width 直接规定文本框的宽度 ","id":401967834,"contentResourceId":392071906,"bindContentResourceId":0,"communityId":326,"username":"jslang","userNickName":"天际的海浪","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F040110020b204e6692bd1df057d56e81_jslang.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":1864381041,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2017-01-12 01:10:51","updateTime":"2017-05-05 05:04:36","formatTime":"2017-01-12","userRoleHonorary":{"userName":null,"roleId":null,"roleType":null,"roleStatus":null,"honoraryId":null,"roleName":null,"honoraryName":null,"communityNickname":null,"communitySignature":null},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null}],"maxPageSize":3000},"defaultActiveTab":1485,"recommends":[{"url":"https:\u002F\u002Fblog.csdn.net\u002Fweixin_45752492\u002Farticle\u002Fdetails\u002F106611969","title":"html的学习笔记","desc":" 制作你的第\u003Cem\u003E一个\u003C\u002Fem\u003E网页 html和css的关系 标签的用法 \u003Cem\u003Ehtml5\u003C\u002Fem\u003E文档结构 html文件注释 \u003Cem\u003Ehtml5\u003C\u002Fem\u003E语义化标签 段落标签 使用<span>标签自定义\u003Cem\u003E文字\u003C\u002Fem\u003E样式 使用<hx>标签为网页增加标题 使用<div>标签...","createTime":"2020-06-08 09:47:34","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-106611969-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-106611969-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_45752492\u002Farticle\u002Fdetails\u002F106611969\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-106611969-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714195347275_87129\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_45752492\u002Farticle\u002Fdetails\u002F106611969\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-1-106611969-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714195347275_87129\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fyishui50\u002Farticle\u002Fdetails\u002F12789531","title":"HTML最给力的入门教程","desc":"第一章 HTML概述与基本结构  一、HTML的概述     HTML的英语意思是：HypertextMarked Language，即超文本标","createTime":"2013-10-16 20:22:50","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12789531-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12789531-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fyishui50\u002Farticle\u002Fdetails\u002F12789531\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12789531-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714195347275_87129\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fyishui50\u002Farticle\u002Fdetails\u002F12789531\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-2-12789531-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714195347275_87129\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fruyu00\u002Farticle\u002Fdetails\u002F81001096","title":"01-HTML基础","desc":"一、HTML概述 1、HTML：超文本标记语言 注： （1）静态网页的扩展名：.html、.htm （2）动态网页的扩展名：.asp、.jsp、.aspx、.php 2、HTML标签不区分大小写，但建议小写。所有内容都使用标签完成，不是标签的...","createTime":"2018-07-12 22:18:11","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-81001096-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-81001096-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fruyu00\u002Farticle\u002Fdetails\u002F81001096\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-81001096-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714195347275_87129\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fruyu00\u002Farticle\u002Fdetails\u002F81001096\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-3-81001096-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714195347275_87129\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fweixin_45413603\u002Farticle\u002Fdetails\u002F124679724","title":"HTML表单标签","desc":"表单域是\u003Cem\u003E一个\u003C\u002Fem\u003E包含表单元素的区域。 在 HTML 标签中，<form> 标签用于定义表单域，以实现用户信息的收集和传递。 <form> 会把它范围内的表单元素信息提交给服务器。 <form action=\"url地址\" method","createTime":"2022-05-10 10:40:14","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-124679724-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-124679724-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_45413603\u002Farticle\u002Fdetails\u002F124679724\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-124679724-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714195347275_87129\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_45413603\u002Farticle\u002Fdetails\u002F124679724\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-124679724-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714195347275_87129\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fweixin_42556039\u002Farticle\u002Fdetails\u002F82623747","title":"踩坑之路——微信小程序\u003Cem\u003Etextarea\u003C\u002Fem\u003E中placeholder居中\u003Cem\u003E\u003Cem\u003E问\u003C\u002Fem\u003E题\u003C\u002Fem\u003E","desc":"但placeholder\u003Cem\u003E占位\u003C\u002Fem\u003E符\u003Cem\u003E文字\u003C\u002Fem\u003E却没有，设置placeholder-class、placeholder-style也不可以？？ 没有思路，我就\u003Cem\u003E想\u003C\u002Fem\u003E小程序的文档案例应该有法子，但没\u003Cem\u003E想\u003C\u002Fem\u003E到 官方案例是这样子做的案例？？？看来是莫得法子了，只能...","createTime":"2018-09-11 14:07:08","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-82623747-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-82623747-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_42556039\u002Farticle\u002Fdetails\u002F82623747\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-82623747-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714195347275_87129\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fweixin_42556039\u002Farticle\u002Fdetails\u002F82623747\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-82623747-bbs-392071906.264^v3^pc_relevant_bbs_down_v2_default\\\",\\\"dist_request_id\\\":\\\"1714195347275_87129\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"}],"staffDOList":[{"id":null,"communityId":326,"username":"community_213","userNickname":"HTML5社区","roleCode":1,"status":1,"createUsername":"","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","createTime":"2021-05-12 18:09:16","updateTime":"2021-05-12 18:09:16","lastLoginTime":"2021-05-12 18:09:16"}],"communityConfig":{"scoreType":0,"scoreItems":{"0":"给本帖投票","1":"锋芒小试，眼前一亮","2":"潜力巨大，未来可期","3":"持续贡献，值得关注","4":"成绩优异，大力学习","5":"贡献巨大，全力支持"}},"shouldApply":false,"subscribeAble":false,"operatorAble":false,"commentNeedJoinCommunity":false},"default2014LiveRoom":[{"itemType":"","description":"高峰论坛","title":"2022 技术英雄会","url":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002Fcsdnnews\u002FfsNR5NWp?chat=1&title=1&footer=1","images":["https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221016050009.png"],"ext":{"time":"9:00","liveRoomUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fcsdnnews\u002FfsNR5NWp"}}]},"isGooglebot":false,"canonical":"https:\u002F\u002Fwww.csdn.net\u002Ftopics\u002F392071906","openUrl":"","isApp":false,"localUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F392071906","typeId":"index","hasIndex":false},"CFG":{"ALIPLAYER_VERSION":"v4","ALIPLAYER_H5_VERSION":"mobile_v1","ENV":"prod","ROOT_URL":"https:\u002F\u002Fcms-mall.csdn.net\u002F","VUE_APP_API_URL_SERVER":"http:\u002F\u002Fcms-community-api.internal.csdn.net\u002F","VUE_APP_API_URL":"https:\u002F\u002Fcms-api.csdn.net\u002F","LOGIN_URL":"https:\u002F\u002Fpassport.csdn.net\u002Faccount\u002Flogin","VUE_APP_DOMAIN_SKILL":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_DOMAIN_PATH":"https:\u002F\u002Fedu.csdn.net\u002F","VUE_APP_COMMUNITY_API_URL":"https:\u002F\u002Fcommunity-api.csdn.net\u002F","VUE_APP_CCLOUD_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fcommunity-cloud\u002Fv1\u002F","VUE_APP_SKILL_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fskilltree\u002Fapi\u002F","VUE_APP_SEARCH_PLUGIN_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002Fsearchplugin\u002F","VUE_APP_COMMUNITY_ASK_API_URL":"https:\u002F\u002Fmp-ask.csdn.net\u002F","VUE_APP_ME_URL":"https:\u002F\u002Fme.csdn.net\u002F","VUE_APP_CCLOUD_RESUME":"https:\u002F\u002Fbizapi.csdn.net\u002Fjob-api\u002F","VUE_APP_CCLOUD_MAIN":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_UC":"https:\u002F\u002Fwww.csdn.net\u002F","VUE_APP_CCLOUD_BZP_API_URL":"https:\u002F\u002Fbizapi.csdn.net\u002F","VUE_APP_CCLOUD_START_API_URL":"https:\u002F\u002Fmp-action.csdn.net\u002F","VUE_APP_PRACTIVE":"https:\u002F\u002Fbizapi.csdn.net\u002Fdaily-practice\u002F","VUE_APP_CCLOUD_HOSTPATH":"https:\u002F\u002Fbbs.csdn.net\u002F"},"queries":{"pageId":[],"domain":["ccloud.csdn.net\u002Fccloud\u002Fdetail1"],"id":["392071906"],"deviceType":"pc","isSpider":"","hostname":["bbs.csdn.net"]},"basePath":"bbs.csdn.net\u002Fccloud\u002Ftopics\u002F392071906","hrefUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F392071906","active":0,"navBarFixed":false,"title":"想问一个HTML5的\u003Ctextarea\u003E默认文字占位的简单问题","isLive":false,"contentType":{"text":"text","picture":"picture","link":"link","video":"video","vote":"vote","live":"live","blog":"blog","long_text":"long_text","task_text":"task_text"},"liveUrl":"https:\u002F\u002Flive.csdn.net\u002Froom\u002Fiframe\u002F","spmExtra":{"id":326,"topicId":392071906},"keywords":"","description":"以下内容是CSDN社区关于想问一个HTML5的\u003Ctextarea\u003E默认文字占位的简单问题相关内容，如果想了解更多关于HTML5社区其他内容，请访问CSDN社区。"};</script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/runtime.3e5c09eb.js"></script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/chunk/common.7672e502.js"></script><script type="text/javascript" src="https://csdnimg.cn/release/cmsfe/public/js/chunk/tpl/ccloud-detail/index.243a94d0.js"></script></body> <!----> <script> window.csdn.sideToolbar = { options: { qr: { isShow: true, data: [ { imgSrc: 'https://csdnimg.cn/release/cmsfe/public/img/ewm.9010d6e5.png', desc: "关注公众号" }, ] }, help: { isShow: false, }, contentEl: document.getElementsByClassName("cloud-maintainer")[0] }, }; </script> <script src="https://g.csdnimg.cn/side-toolbar/2.9/side-toolbar.js" ></script> <!----> <!----> <!----> <script src="https://csdnimg.cn/release/blog_editor_html/release1.7.5/ckeditor/plugins/codesnippet/lib/highlight/highlight.pack.js"></script> <script src="https://g.csdnimg.cn/lib/editor-page-detail/v2.2.0/js/runDetail.min.js"></script> <!----> <!----> <!----> <!----> <!----> <!----> <script src="https://g.csdnimg.cn/collection-box/2.1.0/collection-box.js"></script> <!----> <!----> <!----> <!----> <script src="https://g.csdnimg.cn/common/csdn-cert/csdn-cert.js"></script> <!----></html>