如何通过javascript把表单的只读属性去掉</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/chmtnt" target="_blank" class="flex align-center" data-v-21e3c89c><img src="https://profile-avatar.csdnimg.cn/3cd131cd157d471c90c6534ae308bc41_chmtnt.jpg!1" alt class="head" data-v-21e3c89c> <span class="name" data-v-21e3c89c>chmtnt</span></a> <span class="cop flex1" data-v-21e3c89c><!----> <!----> <!----> <span class="cop-p time" data-v-21e3c89c>2006-01-10 11:07:23</span> <!----></span> <div class="foot-btn-more" data-v-21e3c89c><!----> <!----></div></div></div> <!----> <!----> <!----> <div id="blogDetail2" class="markdown_views htmledit_views" data-v-0c168368>我使用<br /> document.form1.textarea1.readonly = false;<br /> 想把textarea1的只读属性去掉，总是<br /> 不成功，<br /> 我用alert(document.form1.textarea1.readonly)查看他<br /> 原来的属性，但结果是“undefined”<br /> 为什么我不能找到textarea的只读属性能。<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>1707</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>5</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-3229" 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/shareBg5.9eaaa691.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/3cd131cd157d471c90c6534ae308bc41_chmtnt.jpg!1" alt="" class="share-avatar" data-v-ca030a68> <div class="share-tit" data-v-ca030a68>如何通过javascript把<textarea>表单的只读属性去掉</div> <div class="share-dec" data-v-ca030a68>我使用 document.form1.textarea1.readonly = false; 想把textarea1的只读属性去掉，总是 不成功， 我用alert(document.form1.textarea1.readonly)查看他 原来的属性，但结果是“undefined” 为什么我不能找到textarea的只读属性能。 请问如何修改。</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>5 条</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="55706937" 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/ice_berg16" data-v-395b6e48><img src="https://profile-avatar.csdnimg.cn/default.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/ice_berg16" class="name" data-v-395b6e48>ice_berg16</a> <!----> <!----> <span class="time" data-v-395b6e48>2006-01-10</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-55706937" class="text rich-text blog-content-box htmledit_views markdown_views" data-v-395b6e48>document.form1.textarea1.readOnly = false;</span></div></div> <!----></div></div> <div class="comment-child flat-child" data-v-395b6e48><!----></div></div><div id="55706706" 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/abright" data-v-395b6e48><img src="https://profile-avatar.csdnimg.cn/default.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/abright" class="name" data-v-395b6e48>abright</a> <!----> <!----> <span class="time" data-v-395b6e48>2006-01-10</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-55706706" class="text rich-text blog-content-box htmledit_views markdown_views" data-v-395b6e48>大小写错误，应该为document.form1.textarea1.readOnly</span></div></div> <!----></div></div> <div class="comment-child flat-child" data-v-395b6e48><!----></div></div><div id="55712000" 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/DeluxWorld" data-v-395b6e48><img src="https://profile-avatar.csdnimg.cn/f8f8a60a6b4d44bf8fe6810c5551d38a_deluxworld.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/DeluxWorld" class="name" data-v-395b6e48>DeluxWorld</a> <!----> <!----> <span class="time" data-v-395b6e48>2006-01-10</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-55712000" class="text rich-text blog-content-box htmledit_views markdown_views" data-v-395b6e48>大小写问题，document.form1.textarea1.readOnly = false;</span></div></div> <!----></div></div> <div class="comment-child flat-child" data-v-395b6e48><!----></div></div><div id="55707817" 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/GaoXX" data-v-395b6e48><img src="https://profile-avatar.csdnimg.cn/04a17be7c1a04b908f824c461680e33f_gaoxx.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/GaoXX" class="name" data-v-395b6e48>GaoXX</a> <!----> <!----> <span class="time" data-v-395b6e48>2006-01-10</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-55707817" class="text rich-text blog-content-box htmledit_views markdown_views" data-v-395b6e48>通过脚本访问的属性都区分大小写<br /> <br /> readOnly Property Internet Development Index <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> Retrieves whether the rule or style sheet is defined on the page or is imported.<br /> <br /> Syntax<br /> <br /> [ bReadOnly = ] object.readOnly<br /> Possible Values<br /> <br /> bReadOnly Boolean that receives one of the following values.false Default. Rule or style sheet is obtained through a link object or the @import rule. <br /> true Rule or style sheet is defined on the page. <br /> <br /> <br /> The property is read-only. The property has a default value of false.<br /> <br /> Remarks<br /> <br /> You cannot modify style sheets obtained through a link object or the @import rule while the designMode property is enabled. For more information, see Introduction to MSHTML Editing.<br /> <br /> Standards Information<br /> <br /> This property is defined in World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 . <br /> <br /> Applies To<br /> <br /> [ Object Name ] <br /> Platform Version <br /> Win16: <br /> Win32: <br /> Windows CE: <br /> Unix: <br /> Mac: <br /> Version data is listed when the mouse hovers over a link, or the link has focus. <br /> styleSheet, rule <br /> Move the mouse pointer over an element in the Applies To list to display availability information for the listed platforms. <br /> <br /> </span></div></div> <!----></div></div> <div class="comment-child flat-child" data-v-395b6e48><!----></div></div><div id="55707628" 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/sandsboy" data-v-395b6e48><img src="https://profile-avatar.csdnimg.cn/default.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/sandsboy" class="name" data-v-395b6e48>sandsboy</a> <!----> <!----> <span class="time" data-v-395b6e48>2006-01-10</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-55707628" class="text rich-text blog-content-box htmledit_views markdown_views" data-v-395b6e48>document.form1.textarea1.removeAttribute("readonly");</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://download.csdn.net/download/qq_40838163/10415740","strategy":"2~default~OPENSEARCH~Paid","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-10415740-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAltJREFUWEdjZGBgYGhv/yD45//nEEYGBrX//xj4QWK0AoxMDB//MzDcYmHkXVNZKfCeEWz5v8/1DP8ZuGhlKVZzGRm+sTDxNjI2tz1OZfjHYEpXy2GWMTGcZmxpe9xN62DH5TlQdDA2tzyeNSC+h1o66gCyQyApUdRNSIhNGBSS7979ejtv/utd5EQl2Q7IypT0ExJiFoc44O/LadOfbxp1wPAOAWlpdr5Pn//8/Pzp70+QT3GlAX5+ZnYeHhb2p09/fiImRIhOhBYWvIo21ryWu/Z8PHDp4tdn2BxgoM8l4+IiYH/k6OdjJ058vk91B7g487swMDD8v3Hj+2VJSTYpfn5mEZAlHz/9ffPq5e+Xqqoc2iD+nr0f99DSAQQ9RhMHcHAwsYSGCtvKy7Gr4HPBo0c/b69c/fbwzx///hJ0KQMDA9FpAGaYizO/tpkZjwUTEyMTsgX//v3/d/LUl+N79368RozFMDUkOwCkUUODU8zHW9CFg4OJG8T/8ePf181b3u25efPHK1IsB6nF6gAjY25ZEWFWcNPs169/fw4c+HQD3WBBIRaOsBAhZ5D4qjXv9r5/9+cHuhoHBz4NNjYmFpD4m7e/P547+/UxuhqsDoiPE3WWlWVXgvju/5ee3qfLsfmMiZmBEST+7y/Df2zyJcXSkRwcjDwgucePf95buOj1Xqo6gFBwDw8H/P/P8O/nz//fCPkWmzw7OyMXIyMDOLeQHQXkWIxNz9BygJubgI6kBCu4tUMt8PzF75e7dn24QlQuoJalxJgzCDomA901G/DOKSieBrJ7DgCPdYFAskV/NwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://download.csdn.net/download/qq_40838163/10415740" data-report-click="{"mod":"popu_645","index":"1","dest":"https://download.csdn.net/download/qq_40838163/10415740","strategy":"2~default~OPENSEARCH~Paid","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-10415740-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-10415740-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-10415740-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="title" data-v-ca2d15ac>html入门到放弃笔记</a></div> <a target="_blank" href="https://download.csdn.net/download/qq_40838163/10415740" data-report-click="{"mod":"popu_645","index":"1","dest":"https://download.csdn.net/download/qq_40838163/10415740","strategy":"2~default~OPENSEARCH~Paid","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-10415740-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-10415740-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-10415740-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="desc" data-v-ca2d15ac>HTML + <em>JavaScript</em> + Ajax + CSS 赵旭 zhaoxu@tedu.cn HTML5 1、WEB基础知识(了解) 1、Internet - 网 由若干台电脑、手机、平板 通过 网线(WIFI) 连接起来的结构 2、基于Internet上的程序 1、C / S 结构 Client / Server 特点：必须通过指定的客户端软件才能访问服务器端的一种程序 ：如 ：桌面版QQ，... ... 2、B / S 结构 Browser / Server Browser ：浏览器 特点：通过 浏览器 就能访问服务器端的一种程序 如 ：网页版百度，网页版 QQ，网页版 京东，... ... 3、WEB 1、什么是WEB WEB，是基于Internet上的一种应用程序(网页应用程序) WEB页面，简称WEB页(网页)，就是保存在服务器端上的一个具体的页面( **.html / **.htm 作为结尾的文件) 2、WEB浏览器 1、功能 1、提交用户请求 (UA : User Agent) 2、作为HTML 以及 脚本执行的 解释器 3、以图形化的方式显示web页面 2、主要浏览器产品 1、Microsoft Internet Explorer (IE) 2、Mozilla Firefox 3、Google Chrome 4、Apple Safari 5、Opera Opera(欧朋) 3、主要技术 1、HTML 2、CSS 3、<em>Javascript</em> 2、HTML入门(重点) 1、什么是HTML Hyper Text Markup Language 超级 文本 标记 语言 超文本 ：也是文本，但会具备特殊功能 普通文本 a : 普通字符 a 超文本 a : 表示超链接 普通文本 b : 普通字符 b 超文本 b : 加粗显示文本 标记 ：超文本的表现形式 普通文本 a : a 超文本 a : 语言 ：具备一定的语法规范 HTML 也具备自己的语法规范 WEB页面(HTML页面)就是由 HTML 语言来进行开发的 ，以 .html 或 .htm 进行结尾的文件 开发 & 运行网页的工具： 1、记事本 2、浏览器 2、HTML 的基础语法 1、标记语法 HTML中用于描述功能的符号称为"标记" 标记在使用时，用尖括号 "",标记的分类 1、封闭类型的标记 也称为 "双标记" , 必须成对出现 语法：内容 Demo ： 1、创建 p 标记 --... 2、创建 div 标记 -- 3、创建 header 标记 -- <header></header> 2、非封闭类型的标记 也称为 "单标记" 语法： 或 Demo ： 1、创建 br 标记 -- 2、创建 hr 标记 -- 3、创建 img 标记 -- 4、创建 input 标记 -- <input/> 2、标记(元素)的嵌套 在一对标记中，允许出现另外一对(一个)标记 注意：嵌套标记的书写格式 -- 被嵌套的标记要通过一个 缩进键(Tab) 来表示层级关系 Demo : 1、编写一对 body 标记，在body标记中，嵌套一对 div标记，在 div 标记中 ，嵌套一对 a 标记，在 a标记中，嵌套一对 b 标记，b标记中，随意编写一些文本 <body> 这是一段测试文本 </body> 3、标记的<em>属性</em> 1、什么是<em>属性</em> 用来修饰标记的效果的内容，就是<em>属性</em> 2、语法 1、<em>属性</em>必须声明在开始标记中 2、<em>属性</em>与标记名称之间，用 空格 隔开 3、<em>属性</em>的值 与 <em>属性</em>之间 使用 "=" 连接 4、一个元素允许有多<em>属性</em>，多<em>属性</em>间，排名不分先后，中间用 空格 隔开即可 Demo : 1、创建一个 div 标记 ，增加<em>属性</em> ，设置 align <em>属性</em>的值为 center ，设置 id <em>属性</em>的值为 container，设置 title <em>属性</em>的值为 这是一个div 四大标准<em>属性</em>： 1、id ：定义元素在页面中独一无二的名称 2、title ：鼠标悬停在元素上时，体现的文字 3、class ：引用 类选择器时使用(CSS中) 4、style ：定义 内联方式方式使用(CSS中) 4、注释 语法：<!-- --> 注意： 1、注释不能嵌套 2、注释不能出现在标记中 3、HTML 文档结构 W3C ：Word Wide Web Consortium (万维网联盟) 1、HTML文档的组成 1、文档类型声明 告知浏览器当前的HTML文档用的是哪个版本 在网页的最顶端 2、由一对 html 根标记，来表示页面的开始与结束 Demo : 1、在 htdoc 中，创建一个网页 01-first.html 文件 创建一个 记事本，将 .txt 重命名为 .html 2、搭建HTML网页结构 1、添加 文档类型声明 2、添加 html 根标记 2、<html> 标记 包含两对子元素 1、<head></head> 包含的子元素(2对) 1、<title>网页的标题</title> 2、<meta charset="utf-8"/> -- 能正常显示中文 2、<body></body> <em>属性</em>： 1、text ，取值是一个颜色值(red,green,blue...) 2、bgcolor ，取值也是一个颜色值 Demo : 在刚才的 Demo 基础上 1、在 <html>中 增加 <head> 和 <body> 2、为网页指定标题 - 我的第一个HTML文档 3、指定网页的字符编码格式为 utf-8 4、在 body 中 输出一句话 "我的第一HTML页面" 5、设置 body text为red，bgcolor为yellow 3、文本 1、特殊文本的实现 页面的空格以及一些特殊字符需要通过转义字符的方式体现 1、  表示一个空格 2、< 表示 4、© 表示© Demo : 1、创建一个页面 02-text.html 2、在页面中 输出以下内容 The element. ©2017 By Tarena The <p> element.     © By Tarena 2、文本样式相关标记 : 加粗 : 斜体 : 下划线 : 删除线 : 上标 : 下标 Demo ： 这是一段包含 ，粗体，斜体，下划线，删除线，上标，下标的文本内容 将以上文本内，对应文字的特殊效果，用标记体现出来 3、标题元素 以 醒目 的方式表现出文本 语法： 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 <em>属性</em>： 1、align 文本的水平对齐方式 取值：left / center / right 4、段落元素 语法： <em>属性</em>：align : left / center / right Demo : 1、在 02-text.html 中，增加以下内容 1、用 段落标记表示 :The first paragraph 2、用 段落标记表示 :The second paragraph ，文本表现为 右对齐 5、换行元素 6、分割线元素 作用：在页面中表现为一条直线 语法： <em>属性</em>： 1、size 尺寸，以 px 为单位的数值 2、width 宽度，以 px 或 % 为单位的数值 3、align 水平对其方式 4、color 颜色 Demo ： 02-text.html 中 增加一根水平线，size为5px，宽度为50%，居中对齐，颜色为红色(red) 7、预格式化 作用：保留源文档中的回车 和 空格 的作用 8、分区元素 1、块分区元素 语法： 作用：布局 2、行内分区元素 语法： 作用：设置同一行文字内的不同样式 9、行内元素 与 块级元素 按照元素们的表现形式来分类，分为 行内元素 和 块级元素1、行内元素 在一行内允许显示多个元素的，称为 "行内元素" span,i,b,s,u,sup,sub 作用：包裹文本，并处理文本的表现形式 2、块级元素 每个元素独占一行显示的，称为 "块级元素" div,p,h1,h2,h3,h4,h5,h6 作用：布局 注意： 1、p标记不能嵌套其它的块级元素 2、行内元素中 最好 不要嵌套块级元素 4、图像 和 链接 1、URL 目录结构 ： 目录 ，保存文件的文件夹名称 多个文件夹之间的关系，就是目录结构 1、什么是 URL URL (Uniform Resource Locator)，统一资源定位器。用来标识某资源文件的位置 2、URL 在 WEB 中的表现形式 共三种表现形式： 1、绝对路径 特点：从文件所在的最高级目录处开始查找资源文件所经过的路径，就是绝对路径 使用场合：当想访问互联网上的资源时，只能用绝对路径 完整的绝对路径分四部分： 1、协议名 http 2、域名(主机名，IP地址) www.codeboy.com 3、目录路径 img/header 4、文件名 logo.png http://www.codeboy.com/img/header/logo.png img/header/logo.png 2、相对路径(重点) 场合：使用本机文件时使用 什么是相对路径： 从当前文件位置处开始查找资源文件所经过的路径，就是相对路径 1、同目录，直接用 2、子目录，先进入 3、父目录，先返回 3、根相对路径 路径形式是以 / 作为开始的。 / : 表示的是服务器的根路径 2、图像 1、图像格式 WEB中支持的图像格式 1、*.jpg 2、*.gif(动图) 3、*.png(透明) 2、图像的语法 标记： <em>属性</em>： 1、src ：指定要显示图像的 URL 2、width ：图像的宽度 3、height ：图像的高度 4、title ：鼠标悬停时，要显示的文本 Demo : 1、将 学子网的 logo 下载下来 2、显示在自己的网页中 3、超链接 1、语法 标记：内容 <em>属性</em>： 1、href : 要链接的HTML页面URL 2、target : 目标，指定新网页的打开形式 取值： 1、_blank : 在新标签页中打开网页 2、_self : 在自身标签页中打开新网页(默认值) Demo 1、创建一个超链接，内容为 ：学子商城，点击时，在自身标签页中 打开 http://www.codeboy.com 2、创建一个超链接，内容为 ：学子商城的LOGO，点击时，在新标签页中打开 http://www.codeboy.com 2、链接的四种表现形式 1、点击操作时，完成资源下载的操作 链接的资源为 zip / rar 时则为下载操作 下载 2、电子邮件链接 联系我们 前提 ： 必须在计算机中安装并配置好至少一个邮件客户端的信息 3、返回页面顶部的空连接 返回顶部 4、执行<em>Javascript</em>代码片段 执行JS 3、锚点 1、作用 锚点用于在网页中的某个位置处做个记号,允许从其他位置处跳转到记号位置处 2、使用方式 1、定义锚点 1、使用 a 标记的 name <em>属性</em>允许定义锚点 xxxx 2、任何标记的 id <em>属性</em>定义锚点 2、链接到锚点 链接到锚点 链接到锚点 5、表格 1、表格 1、表格的作用 按照一定的格式来显示数据的 表格是由 单元格(列)，行 来组成的 2、表格的语法 1、标记 1、 : 表示一个表格 2、 : 表示表格中的一行 3、 : 表行中的一列(单元格) : 行/列 标题 (加粗，水平居中) 4、 : 表格的标题 该元素必须添加在 之下，所有的tr之上 2、常用<em>属性</em> 1、table 1、width 2、height 3、align 设置表格的对齐方式 ， left / center / right 4、border 边框宽度，取值以 px 为单位的数值 5、bgcolor 6、cellspacing ：单元格外边距(单元格与单元格 或 单元格与表格之间的距离) 7、cellpadding : 单元格内边距(单元格与内容之间的距离) 2、tr 1、align 控制当前行内容的水平对齐方式 2、valign 控制当前行内容的垂直对齐方式 top / middle / bottom 3、bgcolor 3、td / th 1、align 2、valign 3、width 4、height 5、colspan ：跨列 6、rowspan ：跨行 Demo : 在 刚才的表格基础上，增加以下内容 1、为表格增加边框 1px 2、为表格增加尺寸 400 * 400 3、为表格增加单元格内边距 5px 4、为第四行 增加<em>属性</em> ，内容水平居中对齐 3、表格的复杂应用 1、行分组 允许将若干行划分到一个组中，以便实现统一管理 1、表头行分组 允许将第一行的内容单独分到表头行分组中 2、表尾行分组 允许将最后一行的内容单独分到表尾行分组中 3、表主体行分组 2、不规则表格创建 通过 td 的跨行 和 跨列来实现不规则的表格 1、跨列 从指定单元格位置处开始，横向向右，合并掉几个单元格(包含自己),被合并掉的单元格，要删除 2、跨行 从指定单元格位置处开始，纵向向下，合并掉几个单元格(包含自己),被合并掉的单元格，要删除 3、表格的嵌套 被嵌套的所有的内容，只能放在 td 中 2、列表 1、作用 按照一定的格式显示数据 2、列表的分类 & 语法 1、列表的组成 由列表类型 以及 列表项 来组成 2、分类 & 语法 1、有序列表 --> Order List 允许包含若干列表项： --> List Item 2、无序列表 --> Unorder List 允许包含若干列表项： 3、<em>属性</em> 1、ol 1、type 1 、按数字方式排列,默认值 a 、按小写英文方式排列 A 、按大写英文方式排列 i 、按小写罗马数字排列 I 、按大写罗马数字排列 2、start 指定标识从 几 开始显示 2、ul 1、type 1、disc，实心圆,默认值 2、circle，空心圆 3、square，实心矩形 4、none 3、列表的嵌套 被嵌套的内容只能放在 li 中 Demo : 1、声明一个列表在 html 中(有序)，包含两个列表项，显示 两部小说的名字 2、在两个列表项中，再各嵌套一个无序列表，各写3-4个小说中的主角 3、定义列表 1、作用 以一种特殊的结构来排列数据 通常用语对一类事物/名词 的解释上面 2、语法 ：声明一个定义列表 ：声明要解释的事物名称 或 名词 ：对上述名词或事物解释的内容 3、常用场合 图文混排 3、结构标记 1、结构标记的作用 搭建网页的结构(布局),用于替代 div，最大的优点是提升了标记的"语义性" 2、结构标记详解 1、<header></header> 作用：表示网页 或 某块内容的头部 2、 作用：表示网页中的 导航内容 3、 作用：表示网页主体内容中的某一部分 4、 作用：出现在文字描述性比较强的场合:一则新闻，论坛中的帖子，微博信息，博客的信息 5、 作用：表示网页中，或某部分内容的 边栏信息 6、 作用：表示网页中尾部的信息 4、<em>表单</em>(难点) 1、<em>表单</em>的作用 用于收集用户的信息并提交给服务器 <em>表单</em>主体是由两部分组成的 1、<em>表单</em>元素 收集信息，并提交给服务器 2、<em>表单</em>控件 用于与用户交互的一些元素：文本框，密码框 2、<em>表单</em>元素(难点) 标记：<form></form> 注意：只有放在 <form></form> 里面的<em>表单</em>控件的值，才能提交给服务器 <em>属性</em>： 1、action 提交给服务器处理程序的地址 (动作) 2、method 提交方式，以什么样的方式把数据交给服务器 1、get 特点： 1、以明文的方式将数据传递给服务器(提交的数据会显示在地址栏上) 2、安全性很低 3、提交数据最大限制为 2KB 4、向服务器要数据时可以使用 2、post 特点： 1、以隐式的方式将数据传递给服务器 2、安全性很高 3、不限制提交数据的大小 4、要提交数据给服务器处理时使用 3、... ... 3、enctype 作用：指定<em>表单</em>数据进行编码的方式 取值： 1、application/x-www-form-urlencoded 默认值，允许将任意类型的文本提交给服务器 2、multipart/form-data 允许将文件提交给服务器 3、text/plain 不对任何数据进行编码和传输 Demo : 1、创建 05-form.html 2、声明一个<em>表单</em>元素 form 3、指定提交地址为 login.php,提交方式为 get，编码方式为默认 3、<em>表单</em>控件 <em>表单</em>元素分类： 1、input元素 2、<em>textarea</em> 多行文本域 3、select 和 option 选项框 4、其它元素 5、新input元素 详解 ： 1、input元素 里面会包含若干个不同的<em>表单</em>控件 标记 ：<input> <em>属性</em> ： 1、type 根据不同的type<em>属性</em>值，可以创建不同的input元素 2、name 定义<em>表单</em>控件的名称，主要提交给服务器使用的 注意：如果不声明name<em>属性</em>的话，元素则无法提交给服务器 3、value 定义当前控件的值，主要提交给服务器使用的 4、disabled 禁用控件，无值的<em>属性</em> <input disabled> 2、文本框 与 密码框 文本框：<input type="text"> 密码框：<input type="password"> 具备除以上四个<em>属性</em>外，还具备以下几个独立<em>属性</em>： 1、maxlength 限制输入的字符数，取值为数字 2、readonly <em>只读</em>，无值<em>属性</em> Q : readonly 和 disabled 的区别 1、readonly ，是<em>只读</em>的意思，是允许提交给服务器，不让用户改数据而已 2、disabled ， 是禁用的意思，不仅不让用户改数据，而且还不能提交给服务器 3、placeholder 占位符，即默认显示在文本框用于给用户提示的文字 3、按钮 1、提交按钮 作用：将<em>表单</em>提交给服务器 标记：<input type="submit" value="显示的文本"> 2、重置按钮 作用：将<em>表单</em>恢复到初始化的状态 标记：<input type="reset" value="显示的文本"> 3、普通按钮 作用：通过 JS 自定义功能 标记：<input type="button" value="显示的文本"> 4、显示的内容 <em>属性</em>： 1、type ：submit / reset / button 4、单选按钮 和 复选框 单选按钮：<input type="radio"> 复选框：<input type="checkbox"> <em>属性</em>： 1、name 设置名称，并用于分组，一组单选按钮 或 复选框的名称必须相同 2、value 必须设置 3、checked 默认被选中，无值<em>属性</em> 5、隐藏域 和 文件选择框 1、隐藏域 <input type="hidden" name="" value=""> 想提交给服务器，但不想给用户看的数据，可以放在隐藏域中 2、文件选择框 <input type="file" name=""> 注意： 1、form的 method <em>属性</em>值必须为 post 2、form的 enctype<em>属性</em>值必须为 multipart/form-data http://localhost/02-HTML/Day02/login.php?uname=wenhua.li&upwd=bingbing http://localhost/02-HTML/Day02/login.php?uname=wenhua.li&upwd=fengjie&gender=1&question=0&question=1&question=2&question=3 http://localhost/02-HTML/Day02/login.php?uname=wenhua.li&upwd=fdsafdsafdsa&gender=0&question=0&question=1&question=2&question=3&uid=10000567789 1、<em>表单</em> 1、form ... 2、input ... 3、<em>textarea</em> 控件 标记：<<em>textarea</em>></<em>textarea</em>> <em>属性</em>： 1、name 定义名称，提交给服务器使用 2、cols 指定文本域的列数，变相指定宽 3、rows 指定文本域的行数，变相指定高 4、readonly <em>只读</em> Demo : 创建 01-form.html 文件 创建一个 多行文本域，列数为 50，行数为 5，名称为 intro 4、选项框 1、标记 表示 下拉列表 或 滚动列表 列表中的内容，允许出现多个 2、<em>属性</em> 1、 1、name ：控件的名称 2、size ：默认显示选项的数量，默认为1，为下拉列表，如果取值>1的话，则为滚动列表 3、multiple 设置多选，无值的<em>属性</em> 2、 1、value ：选项的值，提交给服务器用 2、selected ：默认被选中 5、其它标记 1、label 元素 作用：关联文本与<em>表单</em>控件的，点击文本时就如同点击<em>表单</em>控件一样 标记：文本 <em>属性</em>： 1、for 指定要关联的<em>表单</em>控件的ID值 2、为控件分组 分组标题 分组中的内容 3、浮动框架 1、作用 将其他页面导入到当前页面中来 2、语法 标记：<iframe></iframe> <em>属性</em>： 1、src 要引入的页面的url 2、frameborder 指定浮动框架的边框，默认为1，则显示边框 不需要边框则设置为 0 3、width 4、height 练习： 创建一个 02-iframe 的网页，将 01-form.html 页面引入进来 ，适当调整宽度，高度，边框 6、新input元素 (HTML5) 1、电子邮件类型 作用：提交时会验证数据是否符合Email的规范 标记：<input type="email"> 2、搜索类型 作用：在文本框的基础上，提供了快速清除操作 标记：<input type="search"> 3、URL类型 作用：提交时会验证数据是否符合Web站点的URL规范(绝对路径) 标记：<input type="url"> 4、电话号码类型 作用：在移动端设备中，能展开 拨号键盘，在PC中无效 标记：<input type="tel"> 5、数字类型 作用：只能让用户输入 或 选择数字 标记：<input type="number"> <em>属性</em>： 1、min ：当前控件接受的最小值 2、max ：当前控件接受的最大值 3、step ：微调数字时每次变化的长度,默认为1 6、范围类型 作用：提供一个滑块，让用户选择数字 标记：<input type="range"> <em>属性</em>： 1、min ：当前控件的最小值 2、max ：当前控件的最大值 3、value ：设定初始值 7、颜色类型 作用：提供一个颜色拾取控件 语法：<input type="color"> 8、日期类型 作用：提供一个日期输入控件 标记：<input type="date"> 9、周类型 作用：提供一个日期控件，用于选取周 标记：<input type="week"> 10、月份类型 作用：选取月份控件 标记：<input type="month"> =============================</a></div><div data-report-view="{"mod":"popu_645","index":"2","dest":"https://download.csdn.net/download/weixin_42102933/19412573","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-19412573-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAltJREFUWEdjZGBgYGhv/yD45//nEEYGBrX//xj4QWK0AoxMDB//MzDcYmHkXVNZKfCeEWz5v8/1DP8ZuGhlKVZzGRm+sTDxNjI2tz1OZfjHYEpXy2GWMTGcZmxpe9xN62DH5TlQdDA2tzyeNSC+h1o66gCyQyApUdRNSIhNGBSS7979ejtv/utd5EQl2Q7IypT0ExJiFoc44O/LadOfbxp1wPAOAWlpdr5Pn//8/Pzp70+QT3GlAX5+ZnYeHhb2p09/fiImRIhOhBYWvIo21ryWu/Z8PHDp4tdn2BxgoM8l4+IiYH/k6OdjJ058vk91B7g487swMDD8v3Hj+2VJSTYpfn5mEZAlHz/9ffPq5e+Xqqoc2iD+nr0f99DSAQQ9RhMHcHAwsYSGCtvKy7Gr4HPBo0c/b69c/fbwzx///hJ0KQMDA9FpAGaYizO/tpkZjwUTEyMTsgX//v3/d/LUl+N79368RozFMDUkOwCkUUODU8zHW9CFg4OJG8T/8ePf181b3u25efPHK1IsB6nF6gAjY25ZEWFWcNPs169/fw4c+HQD3WBBIRaOsBAhZ5D4qjXv9r5/9+cHuhoHBz4NNjYmFpD4m7e/P547+/UxuhqsDoiPE3WWlWVXgvju/5ee3qfLsfmMiZmBEST+7y/Df2zyJcXSkRwcjDwgucePf95buOj1Xqo6gFBwDw8H/P/P8O/nz//fCPkWmzw7OyMXIyMDOLeQHQXkWIxNz9BygJubgI6kBCu4tUMt8PzF75e7dn24QlQuoJalxJgzCDomA901G/DOKSieBrJ7DgCPdYFAskV/NwAAAABJRU5ErkJggg==" alt data-v-ca2d15ac> <a target="_blank" href="https://download.csdn.net/download/weixin_42102933/19412573" data-report-click="{"mod":"popu_645","index":"2","dest":"https://download.csdn.net/download/weixin_42102933/19412573","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-19412573-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-19412573-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-19412573-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="title" data-v-ca2d15ac>TinyMCE<em>TextArea</em>5</a></div> <a target="_blank" href="https://download.csdn.net/download/weixin_42102933/19412573" data-report-click="{"mod":"popu_645","index":"2","dest":"https://download.csdn.net/download/weixin_42102933/19412573","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-19412573-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-19412573-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-19412573-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="desc" data-v-ca2d15ac>Ext.ux.form.TinyMCE<em>TextArea</em> ExtJS <em>表单</em>域 - 带有集成 TinyMCE 所见即所得编辑器的文本区域 版本：5.0.0 发布日期：22.09.2014 ExtJS 版本：5.0.0 TinyMCE 版本：4.1.5 许可证：LGPL v2.1 或更高版本，Sencha 许可证 作者：Oleg Schildt 电子邮件： 版权所有 (c) 2014 Oleg Schildt 涵盖以下问题： 在最初可见和最初不可见的选项卡中初始化。 在任何 ExtJS 布局中通过初始化正确占据位置。 通过调整底层文本区域的大小来正确调整大小。 WYSIWYG 编辑器的激活和停用。 启用和禁用 WYSIWYG 编辑器控件。 <em>只读</em>状态支持。 动态更改可编辑内容的 WYSIWYG 设置和 CSS 文件。 以可见和不可见的方式预先格式化 HTML 文本。 WY</a></div><div data-report-view="{"mod":"popu_645","index":"3","dest":"https://edu.csdn.net/course/detail/30874","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-30874-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","spm":"1035.2023.3001.6557"}" class="list-item" data-v-ca2d15ac><div class="recommend-title" data-v-ca2d15ac><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAnFJREFUWEdjZGBgYFiyZBvft29fnBkYGOT+/2fgAYnRCjAyMnxhYGB4xMXFszcmxusTI8jyr1+/pjIw/OeglaXYzWX8wc3NPZtx1qxVgf//M2jR13KIbYyMDNdADsindbDj8hwoOhhnzlxVPRC+h9k5OB3AzMzMaG2tbyojI2nIycku/P8/A8OPHz/fPnv26vLRo+dP/v795y+2UCNHH0YIsLKyMAcHuyXy8XErYLPk27cfz9eu3T37+/cfv5DlydWH4QB3dytXeXlpe5Dhz5+/OnXq1JVDP3/+/mVgoG6gpqbgCUq8z5+/ObV58/5NyA4gVx+GA+Li/Ao4ONhFvnz59mjZsq2zkC0JDXWPFRTkU//16/enBQs2dCHLkasPwwHi4kL8QkICgt+/f//24MHzV8iWxMT4ZnNxcUj++fP367x569qR5cjVR1QuYGRkZPTysvWUlha3Aln6+PGLw9u3H95JKPsSo4+gA9jYWFn8/BzChIQEwKXlx4+f76xbt2cxrpwAcxSx+gg6IDDQJURUVNAAZPDr1+8vbdlyYC0hy0FqidWH1wGcnBxssbG+NQwMDEyvX7+/sH79njWEgh0kT4o+vA5QV1eQt7c3TQUZunfv8al37z55TowDSNGH1wHi4sIC6uoKGiBLz527fv7Ll28/iXEAKfrwOkBJSUZCX1/DDmTpjRv3Tl2/fu8BMQ4gRR9eB+jrq6uZm+vFgSy9cuX22mPHLpwnxgGk6BvcDiDGt5SqIVgOUGoBIf0kOyAtLbQFn6GzZq0GlRtEg6HnAKK9RqRCkkOASHOJVjbqgIHvmAx412zAO6eg5DqQ3XMAbqvBaKl0M/gAAAAASUVORK5CYII=" alt data-v-ca2d15ac> <a target="_blank" href="https://edu.csdn.net/course/detail/30874" data-report-click="{"mod":"popu_645","index":"3","dest":"https://edu.csdn.net/course/detail/30874","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-30874-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-30874-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-30874-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="title" data-v-ca2d15ac>HTML必知必会精讲</a></div> <a target="_blank" href="https://edu.csdn.net/course/detail/30874" data-report-click="{"mod":"popu_645","index":"3","dest":"https://edu.csdn.net/course/detail/30874","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-30874-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","spm":"1035.2023.3001.6557"}" data-report-query="spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-30874-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-30874-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="desc" data-v-ca2d15ac>本课程《HTML必知必会精讲》详细讲述了HTML必备知识点，内容包括：HTML概述、HTML规范、HTML思想、HBuilder工具的介绍和使用、常见标签（字体font标签、加粗b标签、下划线u标签、删除线s标签、字体倾斜i标签、上标sup标签和下标sub标签、注释标签、标题h1标签、水平线hr标签、特殊字符、列表标签）、图片img标签、HTML中的路径问题讨论（绝对路径和相对路径）、pre标签和p标签、超链接a标签、表格table标签、<em>表单</em>form标签（文本输入框text，密码输入框password，单选输入框radio，复选输入框checkbox，文本域<em>textarea</em>，文件上传项file，提交按钮submit，恢复按钮reset，普通按钮button，下拉输入框select，隐藏项hidden）、div和span标签、元标签meta、base标签、link标签、页面框架标签frameset。课程特色：所有内容均详细演示使用步骤和细节，全程手写代码，零基础都可轻松掌握！</a></div><div data-report-view="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/LEVIATHANq/article/details/127729627","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-127729627-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","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/LEVIATHANq/article/details/127729627" data-report-click="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/LEVIATHANq/article/details/127729627","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-127729627-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","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-127729627-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-127729627-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="title" data-v-ca2d15ac>＜<em>textarea</em>＞<em>表单</em>元素</a></div> <a target="_blank" href="https://blog.csdn.net/LEVIATHANq/article/details/127729627" data-report-click="{"mod":"popu_645","index":"4","dest":"https://blog.csdn.net/LEVIATHANq/article/details/127729627","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-127729627-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","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-127729627-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-127729627-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="desc" data-v-ca2d15ac>无</a></div><div data-report-view="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/sipallan/article/details/51223294","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-51223294-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","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/sipallan/article/details/51223294" data-report-click="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/sipallan/article/details/51223294","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-51223294-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","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-51223294-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-51223294-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="title" data-v-ca2d15ac><form><<em>textarea</em>><label><fieldset><legend><optgroup><button>标签整理</a></div> <a target="_blank" href="https://blog.csdn.net/sipallan/article/details/51223294" data-report-click="{"mod":"popu_645","index":"5","dest":"https://blog.csdn.net/sipallan/article/details/51223294","strategy":"2~default~OPENSEARCH~Rate","extra":"{\"utm_medium\":\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-51223294-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\",\"dist_request_id\":\"1713915994191_42093\"}","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-51223294-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-51223294-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew" class="desc" data-v-ca2d15ac><form><<em>textarea</em>><label><fieldset><legend><optgroup><button>标签整理</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/JavaScript" class="community-img" data-v-4722a3ae><img src="https://img-community.csdnimg.cn/avatar/ca46c476a908476d9927eaee4b0afc10.png?x-oss-process=image/resize,m_fixed,h_88,w_88" alt data-v-4722a3ae> <div title="JavaScript" class="community-name" data-v-4722a3ae> JavaScript </div></a></div></div> <div class="content" data-v-4722a3ae><div class="detail" data-v-4722a3ae><div title="87907" class="item" data-v-4722a3ae><p class="num" data-v-4722a3ae> 87,907 </p> <p class="desc" data-v-4722a3ae> 社区成员 </p></div> <div title="224614" class="item" data-v-4722a3ae><a href="https://bbs.csdn.net/forums/JavaScript" target="_blank" data-v-4722a3ae><p class="num" data-v-4722a3ae> 224,614 </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-9699" 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/shareBg3.9519d347.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/ca46c476a908476d9927eaee4b0afc10.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>JavaScript</div> <div class="share-dec" data-v-ca030a68>Web 开发 JavaScript</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> Web 开发 JavaScript </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_91" target="_blank" class="start-img" data-v-4722a3ae><img src="https://profile-avatar.csdnimg.cn/default.jpg!1" alt="JavaScript" class="el-tooltip item" data-v-4722a3ae data-v-4722a3ae></a></li><li data-v-4722a3ae><a href="https://blog.csdn.net/sysdzw" target="_blank" class="start-img" data-v-4722a3ae><img src="https://profile-avatar.csdnimg.cn/45dcec50fd694b578374e7167ff7914a_sysdzw.jpg!1" alt="无·法" 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:///JavaScript/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":"hfykn2tG-popZxvfGI324cmPaxY0OBhzbY2I","origin":"http:\u002F\u002Fbbs.csdn.net","isMobile":false,"cookie":"uuid_tt_dd=10_3161944710-1713915994153-674891;","ip":"18.216.190.167","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":"JavaScript","communityHomePage":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FJavaScript","owner":{"userName":"community_91","nickName":"JavaScript","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":"JavaScript","description":"Web 开发 JavaScript","avatarUrl":"https:\u002F\u002Fimg-community.csdnimg.cn\u002Favatar\u002Fca46c476a908476d9927eaee4b0afc10.png?x-oss-process=image\u002Fresize,m_fixed,h_88,w_88","qrCode":"","createTime":"2007-09-28","communityAvatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","communityNotice":null,"userCount":87907,"contentCount":224614,"followersCount":53221,"communityRule":"","communityId":209,"bgImage":"","hashId":"y3w0yonz","domain":"","uriName":"JavaScript","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_91","tagNameInfo":{"provinceTag":null,"areaTag":null,"technologyTags":null,"customTags":null}},"tabList":[{"tabId":1368,"tabName":"全部","tabUrl":"","tabSwitch":1,"tabType":4,"tabContribute":0,"cardType":0,"indexOrder":-1,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FJavaScript?typeId=1368","iframe":false,"sortType":1},{"tabId":873,"tabName":"问答","tabUrl":"https:\u002F\u002Fask.csdn.net\u002Flist\u002F11\u002Ftag\u002F190","tabSwitch":1,"tabType":0,"tabContribute":0,"indexOrder":0,"iframe":true,"sortType":1},{"tabId":4055678,"tabName":"博文收录","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":19,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FJavaScript?typeId=4055678","iframe":false,"sortType":1},{"tabId":1620032,"tabName":"Ada助手","tabUrl":"","tabSwitch":1,"tabType":2,"tabContribute":0,"cardType":0,"indexOrder":20,"url":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FJavaScript?typeId=1620032","iframe":false,"sortType":1}],"dataResource":{"mediaType":"c_cloud","subResourceType":"8_c_cloud_long_text","showType":"long_text","tabId":0,"communityName":"JavaScript","communityHomePageUrl":"https:\u002F\u002Fbbs.csdn.net\u002Fforums\u002FJavaScript","communityType":1,"content":{"id":"80289656","contentId":80289656,"cateId":0,"cateName":null,"url":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F80289656","shareUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F80289656","createTime":"2006-01-10 11:07:23","updateTime":"2021-05-28 14:03:23","resourceUsername":"chmtnt","best":0,"top":0,"text":null,"publishDate":"2006-01-10","lastReplyDate":"2006-01-10","type":"13","nickname":"chmtnt","avatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F3cd131cd157d471c90c6534ae308bc41_chmtnt.jpg!1","username":"chmtnt","commentCount":5,"diggNum":0,"digg":false,"viewCount":1707,"hit":false,"resourceSource":6,"status":10,"taskStatus":null,"expired":false,"taskCate":0,"taskAward":0,"taskExpired":null,"checkRedPacket":null,"avgScore":0,"totalScore":0,"topicTitle":"如何通过javascript把\u003Ctextarea\u003E表单的只读属性去掉","insertFirst":false,"likeInfo":null,"description":"我使用 document.form1.textarea1.readonly = false; 想把textarea1的只读属性去掉，总是 不成功， 我用alert(document.form1.textarea1.readonly)查看他 原来的属性，但结果是“undefined” 为什么我不能找到textarea的只读属性能。 请问如何修改。","coverImg":"https:\u002F\u002Fimg-home.csdnimg.cn\u002Fimages\u002F20221027055854.png","content":"我使用\u003Cbr \u002F\u003E\ndocument.form1.textarea1.readonly = false;\u003Cbr \u002F\u003E\n想把textarea1的只读属性去掉，总是\u003Cbr \u002F\u003E\n不成功，\u003Cbr \u002F\u003E\n我用alert(document.form1.textarea1.readonly)查看他\u003Cbr \u002F\u003E\n原来的属性，但结果是“undefined”\u003Cbr \u002F\u003E\n为什么我不能找到textarea的只读属性能。\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\u002F19.png","avatarurl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F3cd131cd157d471c90c6534ae308bc41_chmtnt.jpg!1","nickname":"chmtnt","selfdesc":"","createdate":"2005-02-04 16:14:00","days":"7019","years":"19","username":"chmtnt","school":null,"company":null,"job":null},"userName":"chmtnt","event":"创建了帖子","body":"2006-01-10 11:07","editId":null}],"resourceExt":{}},"contentReply":{"pageNo":1,"pageSize":20,"totalPages":1,"totalCount":5,"total":0,"list":[{"hit":null,"hitMsg":null,"content":"document.form1.textarea1.readOnly = false;","topicTitle":null,"description":"document.form1.textarea1.readOnly = false;","id":55706937,"contentResourceId":80289656,"bindContentResourceId":0,"communityId":209,"username":"ice_berg16","userNickName":"ice_berg16","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3726713866,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2006-01-10 12:24:47","updateTime":"2006-01-10 12:24:47","formatTime":"2006-01-10","userRoleHonorary":{"userName":"ice_berg16","roleId":214,"roleType":0,"roleStatus":1,"honoraryId":0,"roleName":"","honoraryName":null,"communityNickname":"","communitySignature":""},"child":null,"communityNickname":null,"communityReplyNickname":null,"rewardInfo":null,"checkRedPacketVO":null,"noDiggCount":null},{"hit":null,"hitMsg":null,"content":"大小写错误，应该为document.form1.textarea1.readOnly","topicTitle":null,"description":"大小写错误，应该为document.form1.textarea1.readOnly","id":55706706,"contentResourceId":80289656,"bindContentResourceId":0,"communityId":209,"username":"abright","userNickName":"abright","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":1033402465,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2006-01-10 12:08:01","updateTime":"2006-01-10 12:08:01","formatTime":"2006-01-10","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":"大小写问题，document.form1.textarea1.readOnly = false;","topicTitle":null,"description":"大小写问题，document.form1.textarea1.readOnly = false;","id":55712000,"contentResourceId":80289656,"bindContentResourceId":0,"communityId":209,"username":"DeluxWorld","userNickName":"DeluxWorld","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Ff8f8a60a6b4d44bf8fe6810c5551d38a_deluxworld.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":0,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2006-01-10 06:57:56","updateTime":"2006-01-10 06:57:56","formatTime":"2006-01-10","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":"通过脚本访问的属性都区分大小写\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\nreadOnly Property Internet Development Index \u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n--------------------------------------------------------------------------------\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\nRetrieves whether the rule or style sheet is defined on the page or is imported.\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\nSyntax\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n[ bReadOnly = ] object.readOnly\u003Cbr \u002F\u003E\nPossible Values\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\nbReadOnly Boolean that receives one of the following values.false Default. Rule or style sheet is obtained through a link object or the @import rule. \u003Cbr \u002F\u003E\ntrue Rule or style sheet is defined on the page. \u003Cbr \u002F\u003E\n \u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\nThe property is read-only. The property has a default value of false.\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\nRemarks\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\nYou cannot modify style sheets obtained through a link object or the @import rule while the designMode property is enabled. For more information, see Introduction to MSHTML Editing.\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\nStandards Information\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\nThis property is defined in World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 . \u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\nApplies To\u003Cbr \u002F\u003E\n\u003Cbr \u002F\u003E\n[ Object Name ] \u003Cbr \u002F\u003E\nPlatform Version \u003Cbr \u002F\u003E\nWin16: \u003Cbr \u002F\u003E\nWin32: \u003Cbr \u002F\u003E\nWindows CE: \u003Cbr \u002F\u003E\nUnix: \u003Cbr \u002F\u003E\nMac: \u003Cbr \u002F\u003E\nVersion data is listed when the mouse hovers over a link, or the link has focus. \u003Cbr \u002F\u003E\n styleSheet, rule \u003Cbr \u002F\u003E\nMove the mouse pointer over an element in the Applies To list to display availability information for the listed platforms. \u003Cbr \u002F\u003E\n \u003Cbr \u002F\u003E\n","topicTitle":null,"description":"通过脚本访问的属性都区分大小写 readOnly Property Internet Development Index -------------------------------------------------------------------------------- Retrieves whether the rule or style sheet is defined on the page or is imported. Syntax [ bReadOnly = ] obje","id":55707817,"contentResourceId":80289656,"bindContentResourceId":0,"communityId":209,"username":"GaoXX","userNickName":"GaoXX","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F04a17be7c1a04b908f824c461680e33f_gaoxx.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":3398310960,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2006-01-10 01:20:02","updateTime":"2006-01-10 01:20:02","formatTime":"2006-01-10","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":"document.form1.textarea1.removeAttribute("readonly");","topicTitle":null,"description":"document.form1.textarea1.removeAttribute(\"readonly\");","id":55707628,"contentResourceId":80289656,"bindContentResourceId":0,"communityId":209,"username":"sandsboy","userNickName":"sandsboy","userAvatar":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","mdContent":null,"parentId":0,"replyName":"","replyNickName":"","bizNo":"bbs","ip":2111114450,"status":10,"childCount":0,"topStatus":0,"recommendStatus":0,"userLike":false,"diggCount":0,"childIds":"","createTime":"2006-01-10 01:07:51","updateTime":"2006-01-10 01:07:51","formatTime":"2006-01-10","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":1368,"recommends":[{"url":"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fqq_40838163\u002F10415740","title":"html入门到放弃笔记","desc":"HTML + \u003Cem\u003EJavaScript\u003C\u002Fem\u003E + Ajax + CSS\n赵旭\nzhaoxu@tedu.cn\n\nHTML5\n1、WEB基础知识(了解)\n 1、Internet - 网\n 由若干台电脑、手机、平板 通过 网线(WIFI) 连接起来的结构\n 2、基于Internet上的程序\n 1、C \u002F S 结构\n Client \u002F Server \n 特点：必须通过指定的客户端软件才能访问服务器端的一种程序 ：如 ：桌面版QQ，... ...\n 2、B \u002F S 结构\n Browser \u002F Server\n Browser ：浏览器\n 特点：通过 浏览器 就能访问服务器端的一种程序\n 如 ：网页版百度，网页版 QQ，网页版 京东，... ...\n 3、WEB\n 1、什么是WEB\n WEB，是基于Internet上的一种应用程序(网页应用程序)\n WEB页面，简称WEB页(网页)，就是保存在服务器端上的一个具体的页面( **.html \u002F **.htm 作为结尾的文件)\n 2、WEB浏览器\n 1、功能\n 1、提交用户请求 (UA : User Agent)\n 2、作为HTML 以及 脚本执行的 解释器\n 3、以图形化的方式显示web页面\n 2、主要浏览器产品\n 1、Microsoft Internet Explorer (IE)\n 2、Mozilla Firefox\n 3、Google Chrome\n 4、Apple Safari\n 5、Opera Opera(欧朋)\n 3、主要技术\n 1、HTML\n 2、CSS\n 3、\u003Cem\u003EJavascript\u003C\u002Fem\u003E\n2、HTML入门(重点)\n 1、什么是HTML\n Hyper Text Markup Language\n 超级 文本 标记 语言\n\n 超文本 ：也是文本，但会具备特殊功能\n 普通文本 a : 普通字符 a\n 超文本 a : 表示超链接\n\n 普通文本 b : 普通字符 b\n 超文本 b : 加粗显示文本\n 标记 ：超文本的表现形式\n 普通文本 a : a\n 超文本 a : \n 语言 ：具备一定的语法规范\n HTML 也具备自己的语法规范 \n\n WEB页面(HTML页面)就是由 HTML 语言来进行开发的 ，以 .html 或 .htm 进行结尾的文件\n\n 开发 & 运行网页的工具：\n 1、记事本\n 2、浏览器\n 2、HTML 的基础语法\n 1、标记语法\n HTML中用于描述功能的符号称为\"标记\"\n 标记在使用时，用尖括号 \"\",标记的分类\n 1、封闭类型的标记\n 也称为 \"双标记\" , 必须成对出现\n 语法：内容\n Demo ： \n 1、创建 p 标记 --... \n 2、创建 div 标记 -- \n 3、创建 header 标记 -- <header><\u002Fheader\u003E\n 2、非封闭类型的标记\n 也称为 \"单标记\"\n 语法： 或 \n Demo ：\n 1、创建 br 标记 -- \n 2、创建 hr 标记 -- \n 3、创建 img 标记 -- \n 4、创建 input 标记 -- <input\u002F>\n 2、标记(元素)的嵌套\n 在一对标记中，允许出现另外一对(一个)标记\n \n \n \n\n 注意：嵌套标记的书写格式 -- 被嵌套的标记要通过一个 缩进键(Tab) 来表示层级关系\n Demo :\n 1、编写一对 body 标记，在body标记中，嵌套一对 div标记，在 div 标记中 ，嵌套一对 a 标记，在 a标记中，嵌套一对 b 标记，b标记中，随意编写一些文本\n <body>\n \n \n 这是一段测试文本\n \n \n <\u002Fbody>\n 3、标记的\u003Cem\u003E属性\u003C\u002Fem\u003E\n 1、什么是\u003Cem\u003E属性\u003C\u002Fem\u003E\n 用来修饰标记的效果的内容，就是\u003Cem\u003E属性\u003C\u002Fem\u003E\n 2、语法\n 1、\u003Cem\u003E属性\u003C\u002Fem\u003E必须声明在开始标记中\n 2、\u003Cem\u003E属性\u003C\u002Fem\u003E与标记名称之间，用 空格 隔开\n 3、\u003Cem\u003E属性\u003C\u002Fem\u003E的值 与 \u003Cem\u003E属性\u003C\u002Fem\u003E之间 使用 \"=\" 连接\n 4、一个元素允许有多\u003Cem\u003E属性\u003C\u002Fem\u003E，多\u003Cem\u003E属性\u003C\u002Fem\u003E间，排名不分先后，中间用 空格 隔开即可\n Demo : \n 1、创建一个 div 标记 ，增加\u003Cem\u003E属性\u003C\u002Fem\u003E ，设置 align \u003Cem\u003E属性\u003C\u002Fem\u003E的值为 center ，设置 id \u003Cem\u003E属性\u003C\u002Fem\u003E的值为 container，设置 title \u003Cem\u003E属性\u003C\u002Fem\u003E的值为 这是一个div\n\n \n 四大标准\u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、id ：定义元素在页面中独一无二的名称\n 2、title ：鼠标悬停在元素上时，体现的文字\n 3、class ：引用 类选择器时使用(CSS中)\n 4、style ：定义 内联方式方式使用(CSS中)\n 4、注释\n 语法：<!-- -->\n 注意：\n 1、注释不能嵌套\n 2、注释不能出现在标记中\n 3、HTML 文档结构\n W3C ：Word Wide Web Consortium (万维网联盟)\n 1、HTML文档的组成\n 1、文档类型声明 \n 告知浏览器当前的HTML文档用的是哪个版本\n 在网页的最顶端 \n 2、由一对 html 根标记，来表示页面的开始与结束\n\n Demo :\n 1、在 htdoc 中，创建一个网页 01-first.html 文件\n 创建一个 记事本，将 .txt 重命名为 .html\n 2、搭建HTML网页结构\n 1、添加 文档类型声明\n 2、添加 html 根标记\n 2、<html> 标记\n 包含两对子元素\n 1、<head><\u002Fhead\u003E\n 包含的子元素(2对)\n 1、<title>网页的标题<\u002Ftitle>\n 2、<meta charset=\"utf-8\"\u002F> -- 能正常显示中文\n 2、<body><\u002Fbody\u003E\n \u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、text ，取值是一个颜色值(red,green,blue...)\n 2、bgcolor ，取值也是一个颜色值\n Demo :\n 在刚才的 Demo 基础上\n 1、在 <html>中 增加 <head> 和 <body>\n 2、为网页指定标题 - 我的第一个HTML文档\n 3、指定网页的字符编码格式为 utf-8\n 4、在 body 中 输出一句话 \"我的第一HTML页面\"\n 5、设置 body text为red，bgcolor为yellow\n3、文本\n 1、特殊文本的实现\n 页面的空格以及一些特殊字符需要通过转义字符的方式体现\n 1、  表示一个空格 \n 2、< 表示 \n 4、© 表示© \n\n Demo : \n 1、创建一个页面 02-text.html\n 2、在页面中 输出以下内容\n The element. ©2017 By Tarena\n\n The <p> element.     © By Tarena\n 2、文本样式相关标记\n : 加粗\n : 斜体\n : 下划线\n : 删除线\n : 上标 \n : 下标 \n Demo ：\n 这是一段包含 ，粗体，斜体，下划线，删除线，上标，下标的文本内容 \n\n 将以上文本内，对应文字的特殊效果，用标记体现出来\n 3、标题元素\n 以 醒目 的方式表现出文本\n 语法：\n 一级标题\n 二级标题\n 三级标题\n 四级标题\n 五级标题\n 六级标题\n \u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、align\n 文本的水平对齐方式\n 取值：left \u002F center \u002F right\n\n 4、段落元素\n 语法：\n \u003Cem\u003E属性\u003C\u002Fem\u003E：align : left \u002F center \u002F right\n Demo :\n 1、在 02-text.html 中，增加以下内容\n 1、用 段落标记表示 :The first paragraph\n 2、用 段落标记表示 :The second paragraph ，文本表现为 右对齐\n 5、换行元素\n \n 6、分割线元素\n 作用：在页面中表现为一条直线\n 语法：\n \u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、size\n 尺寸，以 px 为单位的数值\n 2、width\n 宽度，以 px 或 % 为单位的数值\n 3、align\n 水平对其方式\n 4、color\n 颜色\n Demo ：\n 02-text.html 中\n 增加一根水平线，size为5px，宽度为50%，居中对齐，颜色为红色(red)\n 7、预格式化\n 作用：保留源文档中的回车 和 空格 的作用\n \n 8、分区元素\n 1、块分区元素\n 语法：\n 作用：布局\n 2、行内分区元素\n 语法：\n 作用：设置同一行文字内的不同样式\n 9、行内元素 与 块级元素\n 按照元素们的表现形式来分类，分为 行内元素 和 块级元素1、行内元素\n 在一行内允许显示多个元素的，称为 \"行内元素\"\n span,i,b,s,u,sup,sub\n 作用：包裹文本，并处理文本的表现形式\n 2、块级元素\n 每个元素独占一行显示的，称为 \"块级元素\"\n div,p,h1,h2,h3,h4,h5,h6\n 作用：布局\n 注意：\n 1、p标记不能嵌套其它的块级元素\n 2、行内元素中 最好 不要嵌套块级元素\n4、图像 和 链接\n 1、URL\n 目录结构 ：\n 目录 ，保存文件的文件夹名称\n 多个文件夹之间的关系，就是目录结构\n 1、什么是 URL\n URL (Uniform Resource Locator)，统一资源定位器。用来标识某资源文件的位置\n 2、URL 在 WEB 中的表现形式\n 共三种表现形式：\n 1、绝对路径\n 特点：从文件所在的最高级目录处开始查找资源文件所经过的路径，就是绝对路径\n 使用场合：当想访问互联网上的资源时，只能用绝对路径\n 完整的绝对路径分四部分：\n 1、协议名\n http\n 2、域名(主机名，IP地址)\n www.codeboy.com\n 3、目录路径\n img\u002Fheader\n 4、文件名\n logo.png\n\n http:\u002F\u002Fwww.codeboy.com\u002Fimg\u002Fheader\u002Flogo.png\n\n img\u002Fheader\u002Flogo.png\n 2、相对路径(重点)\n 场合：使用本机文件时使用\n 什么是相对路径：\n 从当前文件位置处开始查找资源文件所经过的路径，就是相对路径\n 1、同目录，直接用\n 2、子目录，先进入\n 3、父目录，先返回\n 3、根相对路径\n 路径形式是以 \u002F 作为开始的。\n \u002F : 表示的是服务器的根路径\n 2、图像\n 1、图像格式\n WEB中支持的图像格式\n 1、*.jpg\n 2、*.gif(动图)\n 3、*.png(透明)\n 2、图像的语法\n 标记：\n \u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、src ：指定要显示图像的 URL\n 2、width ：图像的宽度\n 3、height ：图像的高度\n 4、title ：鼠标悬停时，要显示的文本 \n Demo :\n 1、将 学子网的 logo 下载下来\n 2、显示在自己的网页中\n 3、超链接\n 1、语法\n 标记：内容\n \u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、href : 要链接的HTML页面URL\n 2、target : 目标，指定新网页的打开形式\n 取值：\n 1、_blank : 在新标签页中打开网页\n 2、_self : 在自身标签页中打开新网页(默认值)\n Demo\n 1、创建一个超链接，内容为 ：学子商城，点击时，在自身标签页中 打开 http:\u002F\u002Fwww.codeboy.com\n 2、创建一个超链接，内容为 ：学子商城的LOGO，点击时，在新标签页中打开 http:\u002F\u002Fwww.codeboy.com\n 2、链接的四种表现形式\n 1、点击操作时，完成资源下载的操作\n 链接的资源为 zip \u002F rar 时则为下载操作\n 下载\n 2、电子邮件链接\n 联系我们\n 前提 ：\n 必须在计算机中安装并配置好至少一个邮件客户端的信息\n 3、返回页面顶部的空连接\n 返回顶部\n 4、执行\u003Cem\u003EJavascript\u003C\u002Fem\u003E代码片段\n 执行JS\n 3、锚点\n 1、作用\n 锚点用于在网页中的某个位置处做个记号,允许从其他位置处跳转到记号位置处\n 2、使用方式\n 1、定义锚点\n 1、使用 a 标记的 name \u003Cem\u003E属性\u003C\u002Fem\u003E允许定义锚点\n xxxx\n 2、任何标记的 id \u003Cem\u003E属性\u003C\u002Fem\u003E定义锚点\n 2、链接到锚点\n 链接到锚点\n 链接到锚点\n5、表格\n\n1、表格\n 1、表格的作用\n 按照一定的格式来显示数据的\n 表格是由 单元格(列)，行 来组成的\n 2、表格的语法\n 1、标记\n 1、 : 表示一个表格\n 2、 : 表示表格中的一行\n 3、 : 表行中的一列(单元格)\n : 行\u002F列 标题 (加粗，水平居中)\n 4、 : 表格的标题\n 该元素必须添加在 之下，所有的tr之上\n 2、常用\u003Cem\u003E属性\u003C\u002Fem\u003E\n 1、table \n 1、width\n 2、height\n 3、align\n 设置表格的对齐方式 ， left \u002F center \u002F right\n 4、border\n 边框宽度，取值以 px 为单位的数值\n 5、bgcolor\n 6、cellspacing ：单元格外边距(单元格与单元格 或 单元格与表格之间的距离)\n 7、cellpadding : 单元格内边距(单元格与内容之间的距离)\n 2、tr\n 1、align\n 控制当前行内容的水平对齐方式\n 2、valign\n 控制当前行内容的垂直对齐方式\n top \u002F middle \u002F bottom\n 3、bgcolor\n 3、td \u002F th\n 1、align\n 2、valign\n 3、width\n 4、height\n 5、colspan ：跨列\n 6、rowspan ：跨行\n Demo :\n 在 刚才的表格基础上，增加以下内容\n 1、为表格增加边框 1px\n 2、为表格增加尺寸 400 * 400\n 3、为表格增加单元格内边距 5px\n 4、为第四行 增加\u003Cem\u003E属性\u003C\u002Fem\u003E ，内容水平居中对齐\n 3、表格的复杂应用\n 1、行分组\n 允许将若干行划分到一个组中，以便实现统一管理\n 1、表头行分组\n 允许将第一行的内容单独分到表头行分组中\n \n 2、表尾行分组\n 允许将最后一行的内容单独分到表尾行分组中\n \n 3、表主体行分组\n \n 2、不规则表格创建\n 通过 td 的跨行 和 跨列来实现不规则的表格\n 1、跨列\n \n 从指定单元格位置处开始，横向向右，合并掉几个单元格(包含自己),被合并掉的单元格，要删除\n 2、跨行\n \n 从指定单元格位置处开始，纵向向下，合并掉几个单元格(包含自己),被合并掉的单元格，要删除\n 3、表格的嵌套\n 被嵌套的所有的内容，只能放在 td 中\n2、列表\n 1、作用\n 按照一定的格式显示数据\n 2、列表的分类 & 语法\n 1、列表的组成\n 由列表类型 以及 列表项 来组成\n 2、分类 & 语法\n 1、有序列表\n --> Order List\n 允许包含若干列表项：\n --> List Item\n 2、无序列表\n --> Unorder List\n 允许包含若干列表项：\n \n 3、\u003Cem\u003E属性\u003C\u002Fem\u003E\n 1、ol\n 1、type\n 1 、按数字方式排列,默认值\n a 、按小写英文方式排列\n A 、按大写英文方式排列\n i 、按小写罗马数字排列\n I 、按大写罗马数字排列\n 2、start\n 指定标识从 几 开始显示\n 2、ul\n 1、type\n 1、disc，实心圆,默认值\n 2、circle，空心圆\n 3、square，实心矩形\n 4、none\n 3、列表的嵌套\n 被嵌套的内容只能放在 li 中\n \n Demo : \n 1、声明一个列表在 html 中(有序)，包含两个列表项，显示 两部小说的名字\n 2、在两个列表项中，再各嵌套一个无序列表，各写3-4个小说中的主角\n 3、定义列表\n 1、作用\n 以一种特殊的结构来排列数据\n 通常用语对一类事物\u002F名词 的解释上面\n 2、语法\n ：声明一个定义列表\n ：声明要解释的事物名称 或 名词\n ：对上述名词或事物解释的内容\n 3、常用场合\n 图文混排\n3、结构标记\n 1、结构标记的作用\n 搭建网页的结构(布局),用于替代 div，最大的优点是提升了标记的\"语义性\"\n 2、结构标记详解\n 1、<header><\u002Fheader\u003E\n 作用：表示网页 或 某块内容的头部\n 2、\n 作用：表示网页中的 导航内容\n 3、\n 作用：表示网页主体内容中的某一部分\n 4、\n 作用：出现在文字描述性比较强的场合:一则新闻，论坛中的帖子，微博信息，博客的信息\n 5、\n 作用：表示网页中，或某部分内容的 边栏信息\n 6、\n 作用：表示网页中尾部的信息\n4、\u003Cem\u003E表单\u003C\u002Fem\u003E(难点)\n 1、\u003Cem\u003E表单\u003C\u002Fem\u003E的作用\n 用于收集用户的信息并提交给服务器\n \u003Cem\u003E表单\u003C\u002Fem\u003E主体是由两部分组成的\n 1、\u003Cem\u003E表单\u003C\u002Fem\u003E元素\n 收集信息，并提交给服务器\n 2、\u003Cem\u003E表单\u003C\u002Fem\u003E控件\n 用于与用户交互的一些元素：文本框，密码框\n 2、\u003Cem\u003E表单\u003C\u002Fem\u003E元素(难点)\n 标记：<form><\u002Fform\u003E\n 注意：只有放在 <form><\u002Fform\u003E 里面的\u003Cem\u003E表单\u003C\u002Fem\u003E控件的值，才能提交给服务器\n \u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、action\n 提交给服务器处理程序的地址 (动作)\n 2、method\n 提交方式，以什么样的方式把数据交给服务器\n 1、get\n 特点：\n 1、以明文的方式将数据传递给服务器(提交的数据会显示在地址栏上)\n 2、安全性很低\n 3、提交数据最大限制为 2KB\n 4、向服务器要数据时可以使用\n 2、post\n 特点：\n 1、以隐式的方式将数据传递给服务器\n 2、安全性很高\n 3、不限制提交数据的大小\n 4、要提交数据给服务器处理时使用\n 3、... ...\n 3、enctype\n 作用：指定\u003Cem\u003E表单\u003C\u002Fem\u003E数据进行编码的方式\n 取值：\n 1、application\u002Fx-www-form-urlencoded\n 默认值，允许将任意类型的文本提交给服务器\n 2、multipart\u002Fform-data\n 允许将文件提交给服务器\n 3、text\u002Fplain\n 不对任何数据进行编码和传输\n Demo : \n 1、创建 05-form.html\n 2、声明一个\u003Cem\u003E表单\u003C\u002Fem\u003E元素 form\n 3、指定提交地址为 login.php,提交方式为 get，编码方式为默认\n 3、\u003Cem\u003E表单\u003C\u002Fem\u003E控件\n \u003Cem\u003E表单\u003C\u002Fem\u003E元素分类：\n 1、input元素\n 2、\u003Cem\u003Etextarea\u003C\u002Fem\u003E 多行文本域\n 3、select 和 option 选项框\n 4、其它元素\n 5、新input元素\n 详解 ：\n 1、input元素\n 里面会包含若干个不同的\u003Cem\u003E表单\u003C\u002Fem\u003E控件\n 标记 ：<input>\n \u003Cem\u003E属性\u003C\u002Fem\u003E ：\n 1、type\n 根据不同的type\u003Cem\u003E属性\u003C\u002Fem\u003E值，可以创建不同的input元素\n 2、name\n 定义\u003Cem\u003E表单\u003C\u002Fem\u003E控件的名称，主要提交给服务器使用的\n 注意：如果不声明name\u003Cem\u003E属性\u003C\u002Fem\u003E的话，元素则无法提交给服务器\n 3、value\n 定义当前控件的值，主要提交给服务器使用的\n 4、disabled\n 禁用控件，无值的\u003Cem\u003E属性\u003C\u002Fem\u003E\n <input disabled>\n\n 2、文本框 与 密码框\n 文本框：<input type=\"text\">\n 密码框：<input type=\"password\">\n\n 具备除以上四个\u003Cem\u003E属性\u003C\u002Fem\u003E外，还具备以下几个独立\u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、maxlength\n 限制输入的字符数，取值为数字\n 2、readonly\n \u003Cem\u003E只读\u003C\u002Fem\u003E，无值\u003Cem\u003E属性\u003C\u002Fem\u003E\n Q : readonly 和 disabled 的区别\n 1、readonly ，是\u003Cem\u003E只读\u003C\u002Fem\u003E的意思，是允许提交给服务器，不让用户改数据而已\n 2、disabled ， 是禁用的意思，不仅不让用户改数据，而且还不能提交给服务器\n 3、placeholder\n 占位符，即默认显示在文本框用于给用户提示的文字\n 3、按钮\n 1、提交按钮\n 作用：将\u003Cem\u003E表单\u003C\u002Fem\u003E提交给服务器\n 标记：<input type=\"submit\" value=\"显示的文本\">\n 2、重置按钮\n 作用：将\u003Cem\u003E表单\u003C\u002Fem\u003E恢复到初始化的状态\n 标记：<input type=\"reset\" value=\"显示的文本\">\n 3、普通按钮\n 作用：通过 JS 自定义功能\n 标记：<input type=\"button\" value=\"显示的文本\">\n 4、显示的内容\n \u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、type ：submit \u002F reset \u002F button\n 4、单选按钮 和 复选框\n 单选按钮：<input type=\"radio\">\n 复选框：<input type=\"checkbox\">\n\n \u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、name\n 设置名称，并用于分组，一组单选按钮 或 复选框的名称必须相同\n 2、value\n 必须设置\n 3、checked\n 默认被选中，无值\u003Cem\u003E属性\u003C\u002Fem\u003E\n 5、隐藏域 和 文件选择框\n 1、隐藏域\n <input type=\"hidden\" name=\"\" value=\"\">\n 想提交给服务器，但不想给用户看的数据，可以放在隐藏域中\n 2、文件选择框\n <input type=\"file\" name=\"\">\n 注意：\n 1、form的 method \u003Cem\u003E属性\u003C\u002Fem\u003E值必须为 post\n 2、form的 enctype\u003Cem\u003E属性\u003C\u002Fem\u003E值必须为 multipart\u002Fform-data\n\n\n \n\nhttp:\u002F\u002Flocalhost\u002F02-HTML\u002FDay02\u002Flogin.php?uname=wenhua.li&upwd=bingbing\n\nhttp:\u002F\u002Flocalhost\u002F02-HTML\u002FDay02\u002Flogin.php?uname=wenhua.li&upwd=fengjie&gender=1&question=0&question=1&question=2&question=3\n\nhttp:\u002F\u002Flocalhost\u002F02-HTML\u002FDay02\u002Flogin.php?uname=wenhua.li&upwd=fdsafdsafdsa&gender=0&question=0&question=1&question=2&question=3&uid=10000567789\n\n1、\u003Cem\u003E表单\u003C\u002Fem\u003E\n 1、form ...\n 2、input ...\n 3、\u003Cem\u003Etextarea\u003C\u002Fem\u003E 控件\n 标记：<\u003Cem\u003Etextarea\u003C\u002Fem\u003E><\u002F\u003Cem\u003Etextarea\u003C\u002Fem\u003E\u003E\n \u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、name\n 定义名称，提交给服务器使用\n 2、cols\n 指定文本域的列数，变相指定宽\n 3、rows\n 指定文本域的行数，变相指定高\n 4、readonly\n \u003Cem\u003E只读\u003C\u002Fem\u003E\n Demo : \n 创建 01-form.html 文件\n 创建一个 多行文本域，列数为 50，行数为 5，名称为 intro\n 4、选项框\n 1、标记\n \n 表示 下拉列表 或 滚动列表\n \n 列表中的内容，允许出现多个\n 2、\u003Cem\u003E属性\u003C\u002Fem\u003E\n 1、\n 1、name ：控件的名称\n 2、size ：默认显示选项的数量，默认为1，为下拉列表，如果取值\u003E1的话，则为滚动列表\n 3、multiple \n 设置多选，无值的\u003Cem\u003E属性\u003C\u002Fem\u003E\n 2、\n 1、value ：选项的值，提交给服务器用\n 2、selected ：默认被选中\n 5、其它标记\n 1、label 元素\n 作用：关联文本与\u003Cem\u003E表单\u003C\u002Fem\u003E控件的，点击文本时就如同点击\u003Cem\u003E表单\u003C\u002Fem\u003E控件一样\n 标记：文本\n \u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、for\n 指定要关联的\u003Cem\u003E表单\u003C\u002Fem\u003E控件的ID值\n 2、为控件分组\n \n 分组标题\n\n 分组中的内容\n \n 3、浮动框架\n 1、作用\n 将其他页面导入到当前页面中来\n 2、语法\n 标记：<iframe><\u002Fiframe\u003E\n \u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、src\n 要引入的页面的url\n 2、frameborder\n 指定浮动框架的边框，默认为1，则显示边框\n 不需要边框则设置为 0\n 3、width\n 4、height\n 练习：\n 创建一个 02-iframe 的网页，将 01-form.html 页面引入进来 ，适当调整宽度，高度，边框\n 6、新input元素 (HTML5)\n 1、电子邮件类型\n 作用：提交时会验证数据是否符合Email的规范\n 标记：<input type=\"email\">\n 2、搜索类型\n 作用：在文本框的基础上，提供了快速清除操作\n 标记：<input type=\"search\">\n 3、URL类型\n 作用：提交时会验证数据是否符合Web站点的URL规范(绝对路径)\n 标记：<input type=\"url\">\n 4、电话号码类型\n 作用：在移动端设备中，能展开 拨号键盘，在PC中无效\n 标记：<input type=\"tel\">\n 5、数字类型\n 作用：只能让用户输入 或 选择数字\n 标记：<input type=\"number\">\n \u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、min ：当前控件接受的最小值\n 2、max ：当前控件接受的最大值\n 3、step ：微调数字时每次变化的长度,默认为1\n 6、范围类型\n 作用：提供一个滑块，让用户选择数字\n 标记：<input type=\"range\">\n \u003Cem\u003E属性\u003C\u002Fem\u003E：\n 1、min ：当前控件的最小值\n 2、max ：当前控件的最大值\n 3、value ：设定初始值\n 7、颜色类型\n 作用：提供一个颜色拾取控件\n 语法：<input type=\"color\">\n 8、日期类型\n 作用：提供一个日期输入控件\n 标记：<input type=\"date\">\n 9、周类型\n 作用：提供一个日期控件，用于选取周\n 标记：<input type=\"week\">\n 10、月份类型\n 作用：选取月份控件\n 标记：<input type=\"month\">\n=============================","createTime":"2018-05-15 15:06:12","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-10415740-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-10415740-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fqq_40838163\u002F10415740\",\"strategy\":\"2~default~OPENSEARCH~Paid\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-10415740-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\\\",\\\"dist_request_id\\\":\\\"1713915994191_42093\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"1\",\"dest\":\"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fqq_40838163\u002F10415740\",\"strategy\":\"2~default~OPENSEARCH~Paid\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Paid-1-10415740-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\\\",\\\"dist_request_id\\\":\\\"1713915994191_42093\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"download"},{"url":"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fweixin_42102933\u002F19412573","title":"TinyMCE\u003Cem\u003ETextArea\u003C\u002Fem\u003E5","desc":"Ext.ux.form.TinyMCE\u003Cem\u003ETextArea\u003C\u002Fem\u003E\n ExtJS \u003Cem\u003E表单\u003C\u002Fem\u003E域 - 带有集成 TinyMCE 所见即所得编辑器的文本区域\n版本：5.0.0 发布日期：22.09.2014 ExtJS 版本：5.0.0 TinyMCE 版本：4.1.5 许可证：LGPL v2.1 或更高版本，Sencha 许可证\n作者：Oleg Schildt 电子邮件： \n 版权所有 (c) 2014 Oleg Schildt\n 涵盖以下问题：\n 在最初可见和最初不可见的选项卡中初始化。\n 在任何 ExtJS 布局中通过初始化正确占据位置。\n 通过调整底层文本区域的大小来正确调整大小。\n WYSIWYG 编辑器的激活和停用。\n 启用和禁用 WYSIWYG 编辑器控件。\n \u003Cem\u003E只读\u003C\u002Fem\u003E状态支持。\n 动态更改可编辑内容的 WYSIWYG 设置和 CSS 文件。\n 以可见和不可见的方式预先格式化 HTML 文本。\n WY","createTime":"2021-06-06 07:42:23","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-19412573-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-19412573-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fweixin_42102933\u002F19412573\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-19412573-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\\\",\\\"dist_request_id\\\":\\\"1713915994191_42093\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"2\",\"dest\":\"https:\u002F\u002Fdownload.csdn.net\u002Fdownload\u002Fweixin_42102933\u002F19412573\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-download-2~default~OPENSEARCH~Rate-2-19412573-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\\\",\\\"dist_request_id\\\":\\\"1713915994191_42093\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"download"},{"url":"https:\u002F\u002Fedu.csdn.net\u002Fcourse\u002Fdetail\u002F30874","title":"HTML必知必会精讲","desc":"本课程《HTML必知必会精讲》详细讲述了HTML必备知识点，内容包括：HTML概述、HTML规范、HTML思想、HBuilder工具的介绍和使用、常见标签（字体font标签、加粗b标签、下划线u标签、删除线s标签、字体倾斜i标签、上标sup标签和下标sub标签、注释标签、标题h1标签、水平线hr标签、特殊字符、列表标签）、图片img标签、HTML中的路径问题讨论（绝对路径和相对路径）、pre标签和p标签、超链接a标签、表格table标签、\u003Cem\u003E表单\u003C\u002Fem\u003Eform标签（文本输入框text，密码输入框password，单选输入框radio，复选输入框checkbox，文本域\u003Cem\u003Etextarea\u003C\u002Fem\u003E，文件上传项file，提交按钮submit，恢复按钮reset，普通按钮button，下拉输入框select，隐藏项hidden）、div和span标签、元标签meta、base标签、link标签、页面框架标签frameset。课程特色：所有内容均详细演示使用步骤和细节，全程手写代码，零基础都可轻松掌握！","createTime":"2020-09-29 14:33:46","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-30874-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-30874-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fedu.csdn.net\u002Fcourse\u002Fdetail\u002F30874\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-30874-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\\\",\\\"dist_request_id\\\":\\\"1713915994191_42093\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"3\",\"dest\":\"https:\u002F\u002Fedu.csdn.net\u002Fcourse\u002Fdetail\u002F30874\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-course-2~default~OPENSEARCH~Rate-3-30874-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\\\",\\\"dist_request_id\\\":\\\"1713915994191_42093\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"course"},{"url":"https:\u002F\u002Fblog.csdn.net\u002FLEVIATHANq\u002Farticle\u002Fdetails\u002F127729627","title":"＜\u003Cem\u003Etextarea\u003C\u002Fem\u003E＞\u003Cem\u003E表单\u003C\u002Fem\u003E元素","desc":"无","createTime":"2022-11-07 13:50:01","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-127729627-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-127729627-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002FLEVIATHANq\u002Farticle\u002Fdetails\u002F127729627\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-127729627-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\\\",\\\"dist_request_id\\\":\\\"1713915994191_42093\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"4\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002FLEVIATHANq\u002Farticle\u002Fdetails\u002F127729627\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-4-127729627-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\\\",\\\"dist_request_id\\\":\\\"1713915994191_42093\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"},{"url":"https:\u002F\u002Fblog.csdn.net\u002Fsipallan\u002Farticle\u002Fdetails\u002F51223294","title":"\u003Cform\u003E\u003C\u003Cem\u003Etextarea\u003C\u002Fem\u003E\u003E\u003Clabel\u003E\u003Cfieldset\u003E\u003Clegend\u003E\u003Coptgroup\u003E\u003Cbutton\u003E标签整理","desc":"\u003Cform\u003E\u003C\u003Cem\u003Etextarea\u003C\u002Fem\u003E\u003E\u003Clabel\u003E\u003Cfieldset\u003E\u003Clegend\u003E\u003Coptgroup\u003E\u003Cbutton\u003E标签整理","createTime":"2016-04-22 21:16:02","dataReportQuery":"spm=1035.2023.3001.6557&utm_medium=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-51223294-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew&depth_1-utm_source=distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-51223294-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew","dataReportClick":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fsipallan\u002Farticle\u002Fdetails\u002F51223294\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-51223294-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\\\",\\\"dist_request_id\\\":\\\"1713915994191_42093\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","dataReportView":"{\"mod\":\"popu_645\",\"index\":\"5\",\"dest\":\"https:\u002F\u002Fblog.csdn.net\u002Fsipallan\u002Farticle\u002Fdetails\u002F51223294\",\"strategy\":\"2~default~OPENSEARCH~Rate\",\"extra\":\"{\\\"utm_medium\\\":\\\"distribute.pc_relevant_bbs_down_v2.none-task-blog-2~default~OPENSEARCH~Rate-5-51223294-bbs-80289656.264^v3^pc_relevant_bbs_down_v2_opensearchbbsnew\\\",\\\"dist_request_id\\\":\\\"1713915994191_42093\\\"}\",\"spm\":\"1035.2023.3001.6557\"}","type":"blog"}],"staffDOList":[{"id":null,"communityId":209,"username":"community_91","userNickname":"JavaScript","roleCode":1,"status":1,"createUsername":"","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002Fdefault.jpg!1","createTime":"2021-05-12 18:07:03","updateTime":"2021-05-12 18:07:03","lastLoginTime":"2021-05-12 18:07:03"},{"id":null,"communityId":209,"username":"sysdzw","userNickname":"无·法","roleCode":2,"status":1,"createUsername":"community_91","updateUsername":"","avatarUrl":"https:\u002F\u002Fprofile-avatar.csdnimg.cn\u002F45dcec50fd694b578374e7167ff7914a_sysdzw.jpg!1","createTime":"2021-06-16 17:59:42","updateTime":"2021-06-16 17:59:42","lastLoginTime":"2021-06-16 17:59:42"}],"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\u002F80289656","openUrl":"","isApp":false,"localUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F80289656","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":["80289656"],"deviceType":"pc","isSpider":"","hostname":["bbs.csdn.net"]},"basePath":"bbs.csdn.net\u002Fccloud\u002Ftopics\u002F80289656","hrefUrl":"https:\u002F\u002Fbbs.csdn.net\u002Ftopics\u002F80289656","active":0,"navBarFixed":false,"title":"如何通过javascript把\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":209,"topicId":80289656},"keywords":"","description":"以下内容是CSDN社区关于如何通过javascript把\u003Ctextarea\u003E表单的只读属性去掉相关内容，如果想了解更多关于JavaScript社区其他内容，请访问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>