产品
解决方案
文档与社区
权益中心
定价
云市场
合作伙伴
支持与服务
了解阿里云
备案
控制台
阿里云
>
HTML TextArea
HTML TextArea 的相关内容
HTML之
元素详解 </a></h2> <p class="detail-list-desc" title="1、<form>标签用于为用户创建HTML表单，表单能够包含input元素。该元素为块级元素，前后会产生折行。还可以包含menu，textarea，fieldset，legend和label元素。表单用于向服务器传输数据。属性accept-charset：规定服务器可以处理表单字符集。属..."> 1、<form>标签用于为用户创建HTML表单，表单能够包含input元素。该元素为块级元素，前后会产生折行。还可以包含menu，textarea，fieldset，legend和label元素。表单用于向服务器传输数据。属性accept-charset：规定服务器可以处理表单字符集。属... </p> </div> </div> <div class="detail-list-card"> <div class="img-box" style="position: relative;"> <img alt="HTML—— 表单标签（input,lable,textarea等）以及相亲网注册界面实现" src="https://ucc.alicdn.com/images/user-upload-01/20200626193736850.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg==,size_16,color_FFFFFF,t_70" class="top-image" style=""> </div> <div class="detail-list-text img-length "> <h2> <a href=" https://developer.aliyun.com/article/978822" target="_blank" class="detail-list-title" title=" HTML—— 表单标签（input,lable,textarea等）以及相亲网注册界面实现"> HTML—— 表单标签（input,lable,textarea等）以及相亲网注册界面实现 </a></h2> <p class="detail-list-desc" title="概念表单目的是为了收集用户信息。在我们网页中， 我们也需要跟用户进行交互，收集用户资料，此时也需要表单。在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。比如当我们在注册用户时，就包括：表单控件：包含了具体的表单功能项..."> 概念表单目的是为了收集用户信息。在我们网页中， 我们也需要跟用户进行交互，收集用户资料，此时也需要表单。在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。比如当我们在注册用户时，就包括：表单控件：包含了具体的表单功能项... </p> </div> </div> <div class="course-div"> <div class="detail-list-course"> <div class="course-info"> <div class="course-info-box"> <div class="course-info-item"> <a href="https://edu.aliyun.com/course/314253" class="course-url" target="_blank"> </a> <div class="course-title"> <h2 class="title" title="HTML 入门与实战">HTML 入门与实战</h2> </div> <div class="course-desc" id="tips"> <div id="tips_block"> <div class="metas"> <div class="tip"> <div class="projectLength"> <span>33 课时</span> <span class="line">|</span> </div> <div class="projectStudentNum"> <span>32430 人已学</span> <span class="line">|</span> </div> <div class="projectPrice"> <span class="course-price-widget"> <span class="price"> <span class="text-primary">免费</span> </span> </span> </div> </div> </div> </div> </div> <div class="course-operate"> <div class="operate-link"> <div id="buy_btn"> <span style="display: block;color: #fff;">加入学习</span> </div> <div id="guide" class="modal" data-url="/login/ajax"></div> </div> </div> </div> <div class="course-info-item"> <a href="https://edu.aliyun.com/course/313589" class="course-url" target="_blank"> </a> <div class="course-title"> <h2 class="title" title="HTML基础入门学习">HTML基础入门学习</h2> </div> <div class="course-desc" id="tips"> <div id="tips_block"> <div class="metas"> <div class="tip"> <div class="projectLength"> <span>21 课时</span> <span class="line">|</span> </div> <div class="projectStudentNum"> <span>2466 人已学</span> <span class="line">|</span> </div> <div class="projectPrice"> <span class="course-price-widget"> <span class="price"> <span class="text-primary">免费</span> </span> </span> </div> </div> </div> </div> </div> <div class="course-operate"> <div class="operate-link"> <div id="buy_btn"> <span style="display: block;color: #fff;">加入学习</span> </div> <div id="guide" class="modal" data-url="/login/ajax"></div> </div> </div> </div> <div class="course-info-item"> <a href="https://edu.aliyun.com/course/313254" class="course-url" target="_blank"> </a> <div class="course-title"> <h2 class="title" title="HTML5 新特性教程">HTML5 新特性教程</h2> </div> <div class="course-desc" id="tips"> <div id="tips_block"> <div class="metas"> <div class="tip"> <div class="projectLength"> <span>15 课时</span> <span class="line">|</span> </div> <div class="projectStudentNum"> <span>21292 人已学</span> <span class="line">|</span> </div> <div class="projectPrice"> <span class="course-price-widget"> <span class="price"> <span class="text-primary">免费</span> </span> </span> </div> </div> </div> </div> </div> <div class="course-operate"> <div class="operate-link"> <div id="buy_btn"> <span style="display: block;color: #fff;">加入学习</span> </div> <div id="guide" class="modal" data-url="/login/ajax"></div> </div> </div> </div> </div> </div> <img class="header-bg-pc" src="https://img.alicdn.com/tfs/TB1GrucMXY7gK0jSZKzXXaikpXa-1560-300.png" alt="开发者课程背景图"> <div class="select_list"> <div data-id="$currdata" class="select check" style="--i:$currdata"></div> <div data-id="$currdata" class="select " style="--i:$currdata"></div> <div data-id="$currdata" class="select " style="--i:$currdata"></div> </div> </div> </div> <div class="detail-list-card"> <div class="detail-list-text "> <h2> <a href=" https://developer.aliyun.com/ask/271454" target="_blank" class="detail-list-title" title=" HTML的TextArea的Android版本是什么？"> HTML的TextArea的Android版本是什么？ </a></h2> <p class="detail-list-desc" title="Android中的view元素是什么，其效果类似于HTML textarea输入小部件？ 我想创建一个发送电子邮件的表单，对于body字段，我想在表单中创建textarea类型的UI元素。 有人可以建议这样做的方法吗？"> Android中的view元素是什么，其效果类似于HTML textarea输入小部件？ 我想创建一个发送电子邮件的表单，对于body字段，我想在表单中创建textarea类型的UI元素。 有人可以建议这样做的方法吗？ </p> </div> </div> <div class="detail-list-card"> <div class="detail-list-text "> <h2> <a href=" https://developer.aliyun.com/article/476566" target="_blank" class="detail-list-title" title=" html简单设置textarea回车换行的方法应用！"> html简单设置textarea回车换行的方法应用！ </a></h2> <p class="detail-list-desc" title=" 在实际的项目开发中，我们需要输入文本，这样在html的input文本框，远远不能满足我们实际的需求，而采用文本编辑器插件又太过于复杂，所以有时候我们使用textarea来实现文本输入！那么怎么实现后台Enter换行在前台显示换行操作呢？ ..."> 在实际的项目开发中，我们需要输入文本，这样在html的input文本框，远远不能满足我们实际的需求，而采用文本编辑器插件又太过于复杂，所以有时候我们使用textarea来实现文本输入！那么怎么实现后台Enter换行在前台显示换行操作呢？ ... </p> </div> </div> <div class="detail-list-card"> <div class="detail-list-text "> <h2> <a href=" https://developer.aliyun.com/ask/87119" target="_blank" class="detail-list-title" title=" html textarea 怎么显示从数据库中得到的多行文本"> html textarea 怎么显示从数据库中得到的多行文本 </a></h2> <p class="detail-list-desc" title="数据库中的数据：aaabbbccc ，要求这样的数据能正常显示多行换行，但不能显示出."> 数据库中的数据：aaabbbccc ，要求这样的数据能正常显示多行换行，但不能显示出. </p> </div> </div> <div class="detail-list-card"> <div class="detail-list-text "> <h2> <a href=" https://developer.aliyun.com/ask/81877" target="_blank" class="detail-list-title" title=" 在页面中，除了xmp，textarea以及js转义外，还有什么办法可以让html标签在不被浏览器解析而正常显示呢？ "> 在页面中，除了xmp，textarea以及js转义外，还有什么办法可以让html标签在不被浏览器解析而正常显示呢？ </a></h2> <p class="detail-list-desc" title="如标题内容，请问各位还有什么其他方案吗？谢谢啦~"> 如标题内容，请问各位还有什么其他方案吗？谢谢啦~ </p> </div> </div> <div class="detail-list-card"> <div class="detail-list-text "> <h2> <a href=" https://developer.aliyun.com/ask/80556" target="_blank" class="detail-list-title" title=" 在html的textarea输入的时候，如何根据输入的内容自动增加textrea的高度 "> 在html的textarea输入的时候，如何根据输入的内容自动增加textrea的高度 </a></h2> <p class="detail-list-desc" title="在html的textarea输入的时候，如何根据输入的内容自动增加textrea的高度"> 在html的textarea输入的时候，如何根据输入的内容自动增加textrea的高度 </p> </div> </div> <div class="detail-list-card"> <div class="detail-list-text "> <h2> <a href=" https://developer.aliyun.com/ask/78971" target="_blank" class="detail-list-title" title=" HTML 里面的 Textarea 值用JS传递给 PHP 如何实现，求助？"> HTML 里面的 Textarea 值用JS传递给 PHP 如何实现，求助？ </a></h2> <p class="detail-list-desc" title="模型：这里就是要传递的内容通过JS，比如var content = "上面的内容";ajax 传递到 php，php把里面的内容入库。 模型2：上面的反的，把数据库内的数据通过PHP传递到 里面。请问大家一般都是怎么实现的？我是这样实现的，var content = document.getElem..."> 模型：这里就是要传递的内容通过JS，比如var content = "上面的内容";ajax 传递到 php，php把里面的内容入库。 模型2：上面的反的，把数据库内的数据通过PHP传递到 里面。请问大家一般都是怎么实现的？我是这样实现的，var content = document.getElem... </p> </div> </div> <div class="detail-list-card"> <div class="detail-list-text "> <h2> <a href=" https://developer.aliyun.com/article/323676" target="_blank" class="detail-list-title" title=" html textarea换行和dom换行"> html textarea换行和dom换行 </a></h2> <p class="detail-list-desc" title="从事开发已经两年多了，但是还是不会发现问题找原因，可能是自己一直在学校养成的习惯吧，不过最近在葛经理的带领下开始学会找原因了，而且发现自己变得更成熟了。 现在讲讲textarea和dom的换行吧，我们都知道dom换行是”<br />”而在textarea中换行是”\r\n”，如果你把te..."> 从事开发已经两年多了，但是还是不会发现问题找原因，可能是自己一直在学校养成的习惯吧，不过最近在葛经理的带领下开始学会找原因了，而且发现自己变得更成熟了。 现在讲讲textarea和dom的换行吧，我们都知道dom换行是”<br />”而在textarea中换行是”\r\n”，如果你把te... </p> </div> </div> <div class="detail-list-card"> <div class="detail-list-text "> <h2> <a href=" https://developer.aliyun.com/article/536112" target="_blank" class="detail-list-title" title=" html textarea"> html textarea </a></h2> <p class="detail-list-desc" title="可放大缩小的文本"> 可放大缩小的文本 </p> </div> </div> <div class="pagination"> <div class="y-pagination"> <div class="pagination-text" style=" float: left; line-height: 31px; margin-right: 16px; color:#999999; ">共有10条</div> <div class="pagination-btn"> <a class=" p-item p-elem disable "><</a> <a href="//www.aliyun.com/sswb/378775.html" class="p-item p-elem pageNow ">1</a> <a class="p-item p-elem ">></a> </div> <span class="p-item-go"><span>跳转至：</span> <input id="goToPage" class="p-ipt-go" value="1"> <span id="goTo" onclick="go()" class="p-btn-go">GO</span> </span> </div> </div> <time itemprop="dateModified" content="2023-01-13 23:19:05" style=" position: absolute; display: inline-block; left: 86px; bottom: 35px; color: #999999; " class="b-text time"> 更新时间 2023-01-13 23:19:05 </time> <p style=" position: absolute; display: inline-block; left: 10px; bottom: 10px; color: #999999; " class="b-text"> 本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。 </p> </div> <div data-spm="product" class="ProductUP"> <div class="group-h5 padding"> <p style="display: inline-block;font-size: 18px;font-weight: bold;margin-bottom: 12px;">社区圈子</p> <div class="swiper-slide swiper-slide-next" > <div class="swiper-slide-content"> <div class="swiper-slide-top"> <div class="swiper-slide-top-title"> <img class="swiper-slide-top-title-img" alt="开发与运维" src="https://ucc.alicdn.com/pic/developer-ecology/7a5fdea8685c463aa5540b5253ebc23a.png"> <div class="swiper-slide-top-title-text">开发与运维</div> </div> <div class="swiper-slide-top-desc">集结各类场景实战经验，助你开发运维畅行无忧</div> </div> <div class="swiper-slide-bottom"> <div class="swiper-slide-bottom-info"> <span class="swiper-slide-bottom-info-text">6411+人已加入</span> </div> <a target="_blank" class="swiper-slide-bottom-btn" href="https://developer.aliyun.com/group/othertech/" style="">加入</a> </div> </div> </div> </div> <div class="ebook padding"> <div class="right-module-top"> <div class="right-module-top-title">相关电子书</div> <a href="https://developer.aliyun.com/ebook/" target="_blank" class="right-module-top-link">更多</a> </div> <div class="ebook-box"> <div class="img-content"> <div class="img-min"> <div class="img-box-ebook "> <a class="img-link" target="_blank" href="https://developer.aliyun.com/ebook/7435"> <img class="top-image" alt="《零基础HTML入门教程》" src="https://ucc.alicdn.com/pic/developer-ecology/90676024d49d4d2c9ba4708006aaeb3c.jpg"> </a> </div> <div class="img-box-ebook big "> <a class="img-link" target="_blank" href="https://developer.aliyun.com/ebook/919"> <img class="top-image" alt="天猫 HTML5 互动技术实践" src="https://img.alicdn.com/imgextra/i3/O1CN01E1O44I2054qSh4ouM_!!6000000006797-2-tps-2480-3366.png"/> </a> </div> <div class="img-box-ebook "> <a class="img-link" target="_blank" href="https://developer.aliyun.com/ebook/4535"> <img class="top-image" alt="天猫HTML5互动技术实践" src="https://img.alicdn.com/imgextra/i4/O1CN01SDC8jQ26jjhZ1DDX2_!!6000000007698-2-tps-2480-3366.png"/> </a> </div> </div> </div> <div class="swiper-pagination "> <span class="click-item "> </span> <span class="click-item actives"> </span> <span class="click-item "> </span> </div> <div class="text-mian"> <div class="text-box " > 《零基础HTML入门教程》 </div> <div class="text-box show " > 天猫 HTML5 互动技术实践 </div> <div class="text-box " > 天猫HTML5互动技术实践 </div> <a class="ebook-info-item-btn " target="_blank" rel="nofollow" target="_blank">立即下载</a> <a class="ebook-info-item-btn show " target="_blank" rel="nofollow" target="_blank">立即下载</a> <a class="ebook-info-item-btn " target="_blank" rel="nofollow" target="_blank">立即下载</a> </div> </div> </div> <div class="right-item-box rank-box padding"> <div class="right-item-title"> <div class="right-item-title-text">相关实验场景</div> <a href="https://developer.aliyun.com/adc/labs/" target="_blank" class="right-item-title-link">更多</a> </div> <div class="rank-list"> <div class="rank-swiper-box active"> <div class="related-course"> <div class="related-course-box"> <div class="swiper-slide related-course-itemBox"> <a target="_blank" href="https://developer.aliyun.com/adc/scenario/8b26427eaadd4f0e94b2691925c7229e" > <div class="course-item-title">Html5和Webpack3：Webpack5的常见用法</div> </a> <div class="course-iconBox"> <div class="course-icon"> <img class="course-img" src="https://img.alicdn.com/imgextra/i2/O1CN01VCvfzS1eizm8U4Lu7_!!6000000003906-2-tps-38-42.png" /> <span>11</span> </div> <div class="course-icon course-left"> <img class="course-img" src="https://img.alicdn.com/imgextra/i3/O1CN01tRTEYX23nuPxe35JC_!!6000000007301-2-tps-40-42.png" /> <span>1.0小时</span> </div> <a target="_blank" class="course-btn" href="https://developer.aliyun.com/adc/scenario/8b26427eaadd4f0e94b2691925c7229e" >去实验</a> </div> </div> <div class="swiper-slide related-course-itemBox"> <a target="_blank" href="https://developer.aliyun.com/adc/scenario/ddae04f7df0e44f492a4bbd5fa58ee85" > <div class="course-item-title">Html5和Webpack2：Webpack5打包JS和样式表</div> </a> <div class="course-iconBox"> <div class="course-icon"> <img class="course-img" src="https://img.alicdn.com/imgextra/i2/O1CN01VCvfzS1eizm8U4Lu7_!!6000000003906-2-tps-38-42.png" /> <span>11</span> </div> <div class="course-icon course-left"> <img class="course-img" src="https://img.alicdn.com/imgextra/i3/O1CN01tRTEYX23nuPxe35JC_!!6000000007301-2-tps-40-42.png" /> <span>1.0小时</span> </div> <a target="_blank" class="course-btn" href="https://developer.aliyun.com/adc/scenario/ddae04f7df0e44f492a4bbd5fa58ee85" >去实验</a> </div> </div> <div class="swiper-slide related-course-itemBox"> <a target="_blank" href="https://developer.aliyun.com/adc/scenario/1cf44643943541b69c90597845365fad" > <div class="course-item-title">Html5和Webpack1：Webpack5打包工具介绍</div> </a> <div class="course-iconBox"> <div class="course-icon"> <img class="course-img" src="https://img.alicdn.com/imgextra/i2/O1CN01VCvfzS1eizm8U4Lu7_!!6000000003906-2-tps-38-42.png" /> <span>12</span> </div> <div class="course-icon course-left"> <img class="course-img" src="https://img.alicdn.com/imgextra/i3/O1CN01tRTEYX23nuPxe35JC_!!6000000007301-2-tps-40-42.png" /> <span>1.0小时</span> </div> <a target="_blank" class="course-btn" href="https://developer.aliyun.com/adc/scenario/1cf44643943541b69c90597845365fad" >去实验</a> </div> </div> </div> </div> <div class="swiper-pagination related-course-pagination"> <span class="swiper-pagination-bullet related-pagination-bullet swiper-pagination-bullet-active"></span> <span class="swiper-pagination-bullet related-pagination-bullet"></span> </div> </div> </div> </div> <div class="right-item-box"> <div class="right-item-title"> <div class="right-item-title-text">相关视频</div> </div> <div class="recom-list"> <div class="source-recom-main"> <a target="_blank" class="source-recom-item" href="https://developer.aliyun.com/live/252382"> <div class="source-recom-box"> <div class="source-recom-imgBox"> <span class="source-recom-time">0分55秒</span> <img class="source-recom-img" src="https://ucc.alicdn.com/pic/developer-ecology/5xav467jynvqu_7cf4c497804b432498d1758d2ceb569d.png"> </div> <div class="source-recom-textBox"> <span class="source-recom-title">无尽迷宫html+css</span> <span class="source-recom-desc">张清悠</span> <span class="source-recom-bofang">124播放</span> </div> </div> </a> <a target="_blank" class="source-recom-item" href="https://developer.aliyun.com/live/252317"> <div class="source-recom-box"> <div class="source-recom-imgBox"> <span class="source-recom-time">0分36秒</span> <img class="source-recom-img" src="https://ucc.alicdn.com/pic/developer-ecology/5xav467jynvqu_57b37156bd6342d6ab408e9d5cf73dec.png"> </div> <div class="source-recom-textBox"> <span class="source-recom-title">纯html+css实现边框和阴影</span> <span class="source-recom-desc">张清悠</span> <span class="source-recom-bofang">121播放</span> </div> </div> </a> <a target="_blank" class="source-recom-item" href="https://developer.aliyun.com/live/252316"> <div class="source-recom-box"> <div class="source-recom-imgBox"> <span class="source-recom-time">1分5秒</span> <img class="source-recom-img" src="https://ucc.alicdn.com/pic/developer-ecology/5xav467jynvqu_174c530a4eb04a10b93695bd3bff5ff3.png"> </div> <div class="source-recom-textBox"> <span class="source-recom-title">html+css实现风车</span> <span class="source-recom-desc">张清悠</span> <span class="source-recom-bofang">119播放</span> </div> </div> </a> </div> </div> </div> </div> </div> </div> <div class="tuijianbox"> <div data-spm="tuijian" class="more buttom "> <h3 class="more-content" > <a href="/sswb/47471-1/" target="_blank"> HTML您可能感兴趣 </a> </h3> <ul> <li><a href="//www.aliyun.com/sswb/1184185.html" target="_blank" title="HTML小图标"><span class="radius"></span>HTML小图标</a></li> <li><a href="//www.aliyun.com/sswb/571169.html" target="_blank" title="HTML跳转"><span class="radius"></span>HTML跳转</a></li> <li><a href="//www.aliyun.com/sswb/506504.html" target="_blank" title="HTML源码"><span class="radius"></span>HTML源码</a></li> <li><a href="//www.aliyun.com/sswb/553893.html" target="_blank" title="HTML加载"><span class="radius"></span>HTML加载</a></li> <li><a href="//www.aliyun.com/sswb/470699.html" target="_blank" title="HTML动态"><span class="radius"></span>HTML动态</a></li> <li><a href="//www.aliyun.com/sswb/691117.html" target="_blank" title="HTML官网"><span class="radius"></span>HTML官网</a></li> <li><a href="//www.aliyun.com/sswb/660260.html" target="_blank" title="HTML命令"><span class="radius"></span>HTML命令</a></li> <li><a href="//www.aliyun.com/sswb/660305.html" target="_blank" title="HTML滚动"><span class="radius"></span>HTML滚动</a></li> <li><a href="//www.aliyun.com/sswb/1183919.html" target="_blank" title="HTML代码编辑器"><span class="radius"></span>HTML代码编辑器</a></li> <li><a href="//www.aliyun.com/sswb/378884.html" target="_blank" title="HTML框架"><span class="radius"></span>HTML框架</a></li> <li><a href="//www.aliyun.com/sswb/378754.html" target="_blank" title="HTML CSS"><span class="radius"></span>HTML CSS</a></li> <li><a href="//www.aliyun.com/sswb/378795.html" target="_blank" title="HTML标签"><span class="radius"></span>HTML标签</a></li> <li><a href="//www.aliyun.com/sswb/379004.html" target="_blank" title="HTML js"><span class="radius"></span>HTML js</a></li> <li><a href="//www.aliyun.com/sswb/379067.html" target="_blank" title="HTML学习"><span class="radius"></span>HTML学习</a></li> <li><a href="//www.aliyun.com/sswb/379013.html" target="_blank" title="HTML页面"><span class="radius"></span>HTML页面</a></li> <li><a href="//www.aliyun.com/sswb/378955.html" target="_blank" title="HTML Web"><span class="radius"></span>HTML Web</a></li> <li><a href="//www.aliyun.com/sswb/378761.html" target="_blank" title="HTML前端"><span class="radius"></span>HTML前端</a></li> <li><a href="//www.aliyun.com/sswb/378759.html" target="_blank" title="HTML JavaScript"><span class="radius"></span>HTML JavaScript</a></li> <li><a href="//www.aliyun.com/sswb/460440.html" target="_blank" title="HTML笔记"><span class="radius"></span>HTML笔记</a></li> <li><a href="//www.aliyun.com/sswb/378818.html" target="_blank" title="HTML代码"><span class="radius"></span>HTML代码</a></li> <li><a href="//www.aliyun.com/sswb/379046.html" target="_blank" title="HTML CSS3"><span class="radius"></span>HTML CSS3</a></li> <li><a href="//www.aliyun.com/sswb/378951.html" target="_blank" title="HTML canvas"><span class="radius"></span>HTML canvas</a></li> <li><a href="//www.aliyun.com/sswb/378794.html" target="_blank" title="HTML元素"><span class="radius"></span>HTML元素</a></li> <li><a href="//www.aliyun.com/sswb/378804.html" target="_blank" title="HTML开发"><span class="radius"></span>HTML开发</a></li> <li><a href="//www.aliyun.com/sswb/378931.html" target="_blank" title="HTML文件"><span class="radius"></span>HTML文件</a></li> <li><a href="//www.aliyun.com/sswb/456711.html" target="_blank" title="HTML实战"><span class="radius"></span>HTML实战</a></li> <li><a href="//www.aliyun.com/sswb/379061.html" target="_blank" title="HTML属性"><span class="radius"></span>HTML属性</a></li> <li><a href="//www.aliyun.com/sswb/789304.html" target="_blank" title="HTML html"><span class="radius"></span>HTML html</a></li> <li><a href="//www.aliyun.com/sswb/378780.html" target="_blank" title="HTML网页"><span class="radius"></span>HTML网页</a></li> <li><a href="//www.aliyun.com/sswb/557060.html" target="_blank" title="HTML html5"><span class="radius"></span>HTML html5</a></li> </ul> </div> </div> </main> <script type="text/javascript" src="//oneconsole.alicdn.com/sitemap/js/scm_v2.js" ></script> <script> function go() { var elementById = document.getElementById("goToPage").value; if (elementById.length < 1 || elementById == undefined || elementById >1 || elementById == 0) { return; } else if (elementById > 1) { window.location.href = "//www.aliyun.com/sswb/378775_" + elementById + ".html"; } else { window.location.href = "//www.aliyun.com/sswb/378775.html"; } }; var h = document.getElementsByClassName("banner-content-top")[0].offsetHeight; var dots = document.querySelectorAll('.click-item'); var text = document.querySelectorAll('.text-box'); var btn = document.querySelectorAll('.ebook-info-item-btn'); var wrap = document.querySelector('.img-min'); var ebookbox = document.querySelectorAll('.img-box-ebook'); ebooksize = 3 if(ebooksize == 1){ wrap.style.transform = "translate3d(100px, 0px, 0px)" for (var index = 0; index < dots.length; index++) { dots[index].className = 'ebook-info-item-btn' } } if(ebooksize == 2){ wrap.style.transform = "translate3d(15px, 0px, 0px)" } if(ebooksize == 3){ wrap.style.transform = "translate3d(-40px, 0px, 0px)" } if(ebooksize == 1){ if( 1 == 1){ btn[0].href="https://developer.aliyun.com/ebook/download/7435" } } if(ebooksize == 2){ if( 1 == 1){ btn[0].href="https://developer.aliyun.com/ebook/download/7435" } } if(ebooksize == 3){ if( 1 == 2){ btn[1].href="https://developer.aliyun.com/ebook/download/7435" } } if(ebooksize == 1){ if( 2 == 1){ btn[0].href="https://developer.aliyun.com/ebook/download/919" } } if(ebooksize == 2){ if( 2 == 1){ btn[0].href="https://developer.aliyun.com/ebook/download/919" } } if(ebooksize == 3){ if( 2 == 2){ btn[1].href="https://developer.aliyun.com/ebook/download/919" } } if(ebooksize == 1){ if( 3 == 1){ btn[0].href="https://developer.aliyun.com/ebook/download/4535" } } if(ebooksize == 2){ if( 3 == 1){ btn[0].href="https://developer.aliyun.com/ebook/download/4535" } } if(ebooksize == 3){ if( 3 == 2){ btn[1].href="https://developer.aliyun.com/ebook/download/4535" } } for (var i = 0; i < dots.length; i++) { (function (i) { dots[i].onclick = function () { for (var index = 0; index < dots.length; index++) { dots[index].className = 'click-item' text[index].className = 'text-box' btn[index].className = 'ebook-info-item-btn' ebookbox[index].className = 'img-box-ebook' } text[i].className = 'text-box show' btn[i].className = 'ebook-info-item-btn show' dots[i].className = 'click-item actives' ebookbox[i].className = 'img-box-ebook big' if( 1 == (i+1)){ btn[i].href="https://developer.aliyun.com/ebook/download/7435" } if( 2 == (i+1)){ btn[i].href="https://developer.aliyun.com/ebook/download/919" } if( 3 == (i+1)){ btn[i].href="https://developer.aliyun.com/ebook/download/4535" } if(i == 0){ wrap.style.transform = "translate3d(15px, 0px, 0px)" } if(i == 1){ wrap.style.transform = "translate3d(-40px, 0px, 0px)" } if(i == 2){ wrap.style.transform = "translate3d(-100px, 0px, 0px)" } } })(i); } // 通过js控制当前选择 let selects = document.querySelectorAll('.select'); if(document.getElementsByClassName("detail-list-course")[0]){ var urlw = document.getElementsByClassName("detail-list-course")[0].offsetWidth; } let urlWidth = document.getElementsByClassName("course-url") // console.log(selects); // 找到图片组合 let images = document.querySelector(".course-info-box"); // 循环绑定点击事件 selects.forEach((slt,i) => { slt.addEventListener('click', (e) => { // 获取id let index = i; if(document.getElementsByClassName("course-info-item")[0]){ var w = document.getElementsByClassName("course-info-item")[0].offsetWidth; // 控制样式变化 let deg = w *i images.style.transform = `translate3d(-${deg}px, 0px, 0px)`; } // 找到原select对象、并移出样式 let slt_orgin = document.querySelector('.check'); if(slt_orgin){ slt_orgin.classList.remove('check'); // 当前select对象增加样式 slt.classList.add('check'); } for (var m = 0; m < $course.size(); m++) { urlWidth[m].style.width = "100%" } urlWidth[i].style.width = urlw + 'px' }); }); window.onresize = function(){ images.style.transform = `translate3d(0px, 0px, 0px)`; // 找到原select对象、并移出样式 let slt_orgin = document.querySelector('.check'); if(slt_orgin){ slt_orgin.classList.remove('check'); // 当前select对象增加样式 selects[0].classList.add('check'); } for (var m = 0; m < $course.size(); m++) { urlWidth[m].style.width = "100%" } urlWidth[0].style.width = urlw + 'px' } let num = 0 function autoPlay(){//使用定时器实现每隔5秒自动切换图片 timer = setInterval(function(){ num++; let index = num % $course.size(); let slt_orgin = document.querySelector('.check'); if(slt_orgin){ slt_orgin.classList.remove('check'); // 当前select对象增加样式 selects[index].classList.add('check'); } var w = document.getElementsByClassName("course-info-item")[0].offsetWidth; // 控制样式变化 let deg = w *index images.style.transform = `translate3d(-${deg}px, 0px, 0px)`; for (var m = 0; m < $course.size(); m++) { urlWidth[m].style.width = "100%" } urlWidth[index].style.width = urlw + 'px' },8000); } autoPlay();//调用自动切换图片函数 if(images){ images.onmouseover = function(){//鼠标移到图片上停止图片切换 clearInterval(timer); } images.onmouseout = autoPlay;//鼠标移开图片后继续自动切换图片 } // 通过js控制当前选择 let recommendItem = document.querySelectorAll('.recommend-click-items') let texts = document.querySelectorAll('.recommend-list')[0] if(recommendItem){ // 循环绑定点击事件 recommendItem.forEach((slt,i) => { slt.addEventListener('click', (e) => { // 获取id let numbers = 0; if (i == 0){ numbers = 0 }else { numbers = 180 } if(texts){ texts.style.transform=`translate3d(0px, -${numbers}px, 0px)` } // 找到原select对象、并移出样式 let act_orgin = document.querySelector('.rmActives'); if(act_orgin){ act_orgin.classList.remove('rmActives'); // 当前select对象增加样式 slt.classList.add('rmActives'); } }); }); } let relatedSwiper = document.getElementsByClassName('related-course-pagination') let relatedItemLength = document.getElementsByClassName('related-course-itemBox').length if(relatedItemLength<=2){ if(relatedSwiper[0]){ relatedSwiper[0].innerHTML='\n <span class="swiper-pagination-bullet related-pagination-bullet swiper-pagination-bullet-active"></span>\n' } } if(relatedItemLength>2&&relatedItemLength<=4){ relatedSwiper[0].innerHTML='\n <span class="swiper-pagination-bullet related-pagination-bullet swiper-pagination-bullet-active"></span>\n <span class="swiper-pagination-bullet related-pagination-bullet"></span>\n ' } if(relatedItemLength>4&&relatedItemLength<=6){ relatedSwiper[0].innerHTML='\n <span class="swiper-pagination-bullet related-pagination-bullet swiper-pagination-bullet-active"></span>\n <span class="swiper-pagination-bullet related-pagination-bullet"></span>\n <span class="swiper-pagination-bullet related-pagination-bullet"></span>\n ' } let reShowScm = document.querySelectorAll('.related-course-itemBox a') let reClickItem = document.querySelectorAll('.related-course-pagination .swiper-pagination-bullet') for (var i = 0; i < reClickItem.length; i++) { (function (i) { reClickItem[i].onclick = function () { console.log(i) for (var index = 0; index < reClickItem.length; index++) { reClickItem[index].className = 'swiper-pagination-bullet related-pagination-bullet' } reClickItem[i].className = 'swiper-pagination-bullet related-pagination-bullet swiper-pagination-bullet-active' if(i == 0){ document.querySelectorAll(".related-course-box")[0].style.transform = `translate3d(0px, 0px, 0px)` reShowScm.forEach((item,index)=>{ if(index<=2){ if(item.getAttribute('data-back-up')){ item.setAttribute('data-tracker-scm', item.getAttribute('data-back-up')) item.removeAttribute('data-back-up') } }else{ if(item.getAttribute('data-tracker-scm')) { item.setAttribute('data-back-up', item.getAttribute('data-tracker-scm')) item.removeAttribute('data-tracker-scm') } } }) } if(i == 1){ document.querySelectorAll(".related-course-box")[0].style.transform = `translate3d(0px, -190px, 0px)` reShowScm.forEach((item,index)=>{ if(index>2&&index<=4){ if(item.getAttribute('data-back-up')){ item.setAttribute('data-tracker-scm', item.getAttribute('data-back-up')) item.removeAttribute('data-back-up') } }else{ if(item.getAttribute('data-tracker-scm')) { item.setAttribute('data-back-up', item.getAttribute('data-tracker-scm')) item.removeAttribute('data-tracker-scm') } } }) } if(i == 2){ document.querySelectorAll(".related-course-box")[0].style.transform=`translate3d(0px, -380px, 0px)` reShowScm.forEach((item,index)=>{ if(index>4&&index<=6){ if(item.getAttribute('data-back-up')){ item.setAttribute('data-tracker-scm', item.getAttribute('data-back-up')) item.removeAttribute('data-back-up') } }else{ if(item.getAttribute('data-tracker-scm')) { item.setAttribute('data-back-up', item.getAttribute('data-tracker-scm')) item.removeAttribute('data-tracker-scm') } } }) } } })(i); } let ismore = document.querySelectorAll('.activity-card') if(ismore.length > 1){ ismore[1].style.display = "none" } </script> <footer> <div id="b0bc41cc8e96b626234bbff4faf38a74"><footer class="ace-homepage-2020-hmod-footer pc" aria-label="PC 端页尾"><div class="inner"><div class="services"><nav class="homepage-footer-main-services" aria-label="页脚导航"><section class="ali-main-services"><h3 class="ali-main-services-title">为什么选择阿里云</h3><a class="ali-main-services-link" href="https://www.aliyun.com/about/what-is-cloud-computing" target="_blank">什么是云计算</a><a class="ali-main-services-link" href="https://infrastructure.aliyun.com/" target="_blank">全球基础设施</a><a class="ali-main-services-link" href="https://www.aliyun.com/why-us/leading-technology" target="_blank">技术先进</a><a class="ali-main-services-link" href="https://www.aliyun.com/why-us/reliability" target="_blank">稳定可靠</a><a class="ali-main-services-link" href="https://www.aliyun.com/why-us/security-compliance" target="_blank">安全合规</a><a class="ali-main-services-link" href="https://www.aliyun.com/analyst-reports" target="_blank">分析师报告</a></section><section class="ali-main-services"><h3 class="ali-main-services-title">产品和定价</h3><a class="ali-main-services-link" href="https://www.aliyun.com/product/list" target="_blank">全部产品</a><a class="ali-main-services-link" href="https://free.aliyun.com/" target="_blank">免费试用</a><a class="ali-main-services-link" href="https://www.aliyun.com/product/news" target="_blank">产品动态</a><a class="ali-main-services-link" href="https://www.aliyun.com/price" target="_blank">产品定价</a><a class="ali-main-services-link" href="https://www.aliyun.com/price/product" target="_blank">价格计算器</a><a class="ali-main-services-link" href="https://www.aliyun.com/price/cost-management" target="_blank">云上成本管理</a></section><section class="ali-main-services"><h3 class="ali-main-services-title">解决方案</h3><a class="ali-main-services-link" href="https://www.aliyun.com/solution/tech-solution" target="_blank">技术解决方案</a></section><section class="ali-main-services"><h3 class="ali-main-services-title">文档与社区</h3><a class="ali-main-services-link" href="https://help.aliyun.com/" target="_blank">文档</a><a class="ali-main-services-link" href="https://developer.aliyun.com/" target="_blank">开发者社区</a><a class="ali-main-services-link" href="https://tianchi.aliyun.com/" target="_blank">天池大赛</a><a class="ali-main-services-link" href="https://edu.aliyun.com/" target="_blank">培训与认证</a></section><section class="ali-main-services"><h3 class="ali-main-services-title">权益中心</h3><a class="ali-main-services-link" href="https://free.aliyun.com/" target="_blank">免费试用</a><a class="ali-main-services-link" href="https://university.aliyun.com/" target="_blank">高校计划</a><a class="ali-main-services-link" href="https://startup.aliyun.com/startups" target="_blank">企业扶持计划</a><a class="ali-main-services-link" href="https://promotion.aliyun.com/ntms/yunparter/index" target="_blank">推荐返现计划</a></section><section class="ali-main-services"><h3 class="ali-main-services-title">支持与服务</h3><a class="ali-main-services-link" href="https://www.aliyun.com/service" target="_blank">基础服务</a><a class="ali-main-services-link" href="https://www.aliyun.com/service/supportplans" target="_blank">企业增值服务</a><a class="ali-main-services-link" href="https://www.aliyun.com/service/devopsimpl/devopsimpl_cloudmigration_public_cn" target="_blank">迁云服务</a><a class="ali-main-services-link" href="https://www.aliyun.com/notice" target="_blank">官网公告</a><a class="ali-main-services-link" href="https://status.aliyun.com/" target="_blank">健康看板</a><a class="ali-main-services-link" href="https://security.aliyun.com/trust" target="_blank">信任中心</a></section></nav><article class="focus"><h3 class="ali-main-services-title">关注阿里云</h3><p class="ali-main-services-desc">关注阿里云公众号或下载阿里云APP，关注云资讯，随时随地运维管控云服务</p><img alt="阿里云APP" src="https://img.alicdn.com/tfs/TB1UdKEM6TpK1RjSZKPXXa3UpXa-256-256.png" class="ali-official-code" loading="lazy"/><img alt="阿里云微信" src="https://img.alicdn.com/tfs/TB1AOdINW6qK1RjSZFmXXX0PFXa-258-258.jpg" class="ali-official-code" loading="lazy"/><p class="consult-text">联系我们：4008013260</p></article></div><div class="about-link-wrap"><a href="https://help.aliyun.com/product/67275.html" class="ali-about-link" target="_blank">法律声明</a><a href="https://terms.alicdn.com/legal-agreement/terms/platform_service/20220906101446934/20220906101446934.html" class="ali-about-link" target="_blank">Cookies政策</a><a href="https://aliyun.jubao.alibaba.com/" class="ali-about-link" target="_blank">廉正举报</a><a href="https://report.aliyun.com/" class="ali-about-link" target="_blank">安全举报</a><a href="https://www.aliyun.com/contact" class="ali-about-link" target="_blank">联系我们</a><a href="https://careers.aliyun.com/" class="ali-about-link" target="_blank">加入我们</a></div><section class="friend-link-wrap"><h3 hidden="">友情链接</h3><a href="https://www.alibabagroup.com/cn/global/home" class="ali-friend-link" target="_blank">阿里巴巴集团</a><a href="https://www.taobao.com/" class="ali-friend-link" target="_blank">淘宝网</a><a href="https://www.tmall.com/" class="ali-friend-link" target="_blank">天猫</a><a href="https://www.aliexpress.com/" class="ali-friend-link" target="_blank">全球速卖通</a><a href="https://www.alibaba.com/" class="ali-friend-link" target="_blank">阿里巴巴国际交易市场</a><a href="https://www.1688.com/" class="ali-friend-link" target="_blank">1688</a><a href="https://www.alimama.com/index.htm" class="ali-friend-link" target="_blank">阿里妈妈</a><a href="https://www.fliggy.com/" class="ali-friend-link" target="_blank">飞猪</a><a href="https://www.aliyun.com/" class="ali-friend-link" target="_blank">阿里云计算</a><a href="https://www.alios.cn/" class="ali-friend-link" target="_blank">AliOS</a><a href="https://wanwang.aliyun.com/" class="ali-friend-link" target="_blank">万网</a><a href="https://mobile.amap.com/" class="ali-friend-link" target="_blank">高德</a><a href="https://www.uc.cn/" class="ali-friend-link" target="_blank">UC</a><a href="https://www.umeng.com/" class="ali-friend-link" target="_blank">友盟</a><a href="https://www.youku.com/" class="ali-friend-link" target="_blank">优酷</a><a href="https://www.dingtalk.com/" class="ali-friend-link" target="_blank">钉钉</a><a href="https://www.alipay.com/" class="ali-friend-link" target="_blank">支付宝</a><a href="https://damo.alibaba.com/" class="ali-friend-link" target="_blank">达摩院</a><a href="https://world.taobao.com/" class="ali-friend-link" target="_blank">淘宝海外</a><a href="https://www.aliyundrive.com/" class="ali-friend-link" target="_blank">阿里云盘</a><a href="https://www.ele.me/" class="ali-friend-link" target="_blank">饿了么</a></section><p class="ali-copyright-text">© 2009-2024 Aliyun.com 版权所有 增值电信业务经营许可证： <a href="http://beian.miit.gov.cn/" target="_blank">浙B2-20080101</a> 域名注册服务机构许可： <a href="https://domain.miit.gov.cn/域名注册服务机构/互联网域名/阿里云计算有限公司 " target="_blank">浙D3-20210002</a> <a href="https://domain.miit.gov.cn/域名注册服务机构/互联网域名/阿里巴巴云计算北京有限公司 " target="_blank">京D3-20220015</a></p><p class="ali-report-wrap"><a href="https://zzlz.gsxt.gov.cn/businessCheck/verifKey.do?showType=p&serial=91330106673959654P-SAIC_SHOW_10000091330106673959654P1710919400712&signData=MEUCIQDEkCd8cK7%2Fyqe6BNMWvoMPtAnsgKa7FZetfPkjZMsvhAIgOX1G9YC6FKyndE7o7hL0KaBVn4f%20V%2Fiof3iAgpsV09o%3D" target="_blank" class="ali-report-link"><img src="//gw.alicdn.com/tfs/TB1GxwdSXXXXXa.aXXXXXXXXXXX-65-70.gif" class="ali-report-img" alt="" loading="lazy"/></a><a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank" class="ali-report-link"><img src="//img.alicdn.com/tfs/TB1..50QpXXXXX7XpXXXXXXXXXX-40-40.png" class="ali-report-img" alt="浙公网安备 33010602009975号" loading="lazy"/><span class="ali-report-link-text">浙公网安备 33010602009975号</span></a><a href="https://beian.miit.gov.cn/" target="_blank" class="ali-report-link"><span class="ali-report-link-text ali-report-link-text-unique">浙B2-20080101-4</span></a></p></div></footer><footer class="ace-homepage-2020-hmod-footer mobile" aria-label="移动端页尾"></footer></div> </footer> <script src="https://g.alicdn.com/code/npm/@ali/??biu-loader/0.1.2/index.js,hmod-preact/0.0.1/index.js,hmod-preact-hooks/0.0.1/index.js,hmod-preact-compat/0.0.1/index.js,hmod-preact-bridge/0.1.1/index.js,hmod-ace-service-loader/0.1.1/index.js"></script> <script src="https://g.alicdn.com/code/npm/@ali??hmod-ace-2023-box/0.1.0/index.js,hmod-ace-2023-service-contact-us/0.0.22/index.js,hmod-aliyun-com-floating-toolbar/0.1.6/index.js,hmod-aliyun-com-global-nav-search/0.5.5/index.js,hmod-aliyun-com-global-nav/0.1.14/index.js"></script> <script src="https://g.alicdn.com/aliyun-com/lowcode-engine/0.1.14/renderer/build/js/index.js"></script> <script src="https://cloud-assets.alicdn.com/lowcode/entry/prod/8dd033fb17d1d917cf8fcf25274ba752.js"></script> </body> </html>
