首页技术文章正文

textarea控件创建文本输入框

更新时间:2021年05月20日17时01分来源:大阳城app官网入口浏览次数:

当定义input控件的type属性值为text时，可以创建一个单行文本输入框。但是，如果需要输入大量的信息，单行文本输入框就不再适用，为此HTML语言提供了标签。通过textarea控件可以轻松地创建多行文本输入框，其基本语法格式如下：


    文本内容

在上述代码中，cols和rows为

标签的必备属性，其中cols用来定义多行文本输入框每行中的字符数，rows用来定义多行文本输入框显示的行数，它们的取值均为正整数。
<p>值得一提的是，除了cols和rows属性外，<textarea>标签还有几个可选属性，分别为disabled、name和readonly，如表1所示。<br />
<br />
表1 textarea可选属性</p>
<table style="BOX-SIZING: border-box; OVERFLOW: auto; FONT-SIZE: 16px; FONT-FAMILY: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; WIDTH: 783px; WHITE-SPACE: normal; WORD-SPACING: 1px; BORDER-COLLAPSE: collapse; TEXT-TRANSFORM: none; FONT-WEIGHT: 400; COLOR: rgb(36,41,46); FONT-STYLE: normal; TEXT-ALIGN: left; MARGIN: 0px 0px 16px; BORDER-SPACING: 0px; ORPHANS: 2; WIDOWS: 2; DISPLAY: block; LETTER-SPACING: normal; BACKGROUND-COLOR: rgb(255,255,255); font-variant-caps: normal; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; font-variant-ligatures: normal">
<thead style="BOX-SIZING: border-box; MARGIN: 0px">
	<tr class="firstRow" style="BOX-SIZING: border-box; BORDER-TOP: rgb(198,203,209) 1px solid; MARGIN: 0px; BACKGROUND-COLOR: rgb(255,255,255)">
	<th style="BOX-SIZING: border-box; BORDER-TOP: rgb(223,226,229) 1px solid; BORDER-RIGHT: rgb(223,226,229) 1px solid; BORDER-BOTTOM: rgb(223,226,229) 1px solid; FONT-WEIGHT: 600; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 13px; MARGIN: 0px; BORDER-LEFT: rgb(223,226,229) 1px solid; PADDING-RIGHT: 13px; BACKGROUND-COLOR: rgb(246,248,250)">
		属性</th>
	<th style="BOX-SIZING: border-box; BORDER-TOP: rgb(223,226,229) 1px solid; BORDER-RIGHT: rgb(223,226,229) 1px solid; BORDER-BOTTOM: rgb(223,226,229) 1px solid; FONT-WEIGHT: 600; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 13px; MARGIN: 0px; BORDER-LEFT: rgb(223,226,229) 1px solid; PADDING-RIGHT: 13px; BACKGROUND-COLOR: rgb(246,248,250)">
		属性值</th>
	<th style="BOX-SIZING: border-box; BORDER-TOP: rgb(223,226,229) 1px solid; BORDER-RIGHT: rgb(223,226,229) 1px solid; BORDER-BOTTOM: rgb(223,226,229) 1px solid; FONT-WEIGHT: 600; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 13px; MARGIN: 0px; BORDER-LEFT: rgb(223,226,229) 1px solid; PADDING-RIGHT: 13px; BACKGROUND-COLOR: rgb(246,248,250)">
		描述</th>
	</tr>
</thead>
<tbody style="BOX-SIZING: border-box; MARGIN: 0px">
	<tr style="BOX-SIZING: border-box; BORDER-TOP: rgb(198,203,209) 1px solid; MARGIN: 0px; BACKGROUND-COLOR: rgb(255,255,255)">
	<td style="box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgb(223, 226, 229); padding: 6px 13px; margin: 0px; word-break: break-all;">name                      </td>
	<td style="box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgb(223, 226, 229); padding: 6px 13px; margin: 0px; word-break: break-all;">由用户自定义                  </td>
	<td style="box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgb(223, 226, 229); padding: 6px 13px; margin: 0px; word-break: break-all;">控件的名称                                                  </td>
	</tr>
	<tr style="BOX-SIZING: border-box; BORDER-TOP: rgb(198,203,209) 1px solid; MARGIN: 0px; BACKGROUND-COLOR: rgb(246,248,250)">
	<td style="BOX-SIZING: border-box; BORDER-TOP: rgb(223,226,229) 1px solid; BORDER-RIGHT: rgb(223,226,229) 1px solid; BORDER-BOTTOM: rgb(223,226,229) 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 13px; MARGIN: 0px; BORDER-LEFT: rgb(223,226,229) 1px solid; PADDING-RIGHT: 13px">readonly</td>
	<td style="BOX-SIZING: border-box; BORDER-TOP: rgb(223,226,229) 1px solid; BORDER-RIGHT: rgb(223,226,229) 1px solid; BORDER-BOTTOM: rgb(223,226,229) 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 13px; MARGIN: 0px; BORDER-LEFT: rgb(223,226,229) 1px solid; PADDING-RIGHT: 13px">readonly</td>
	<td style="BOX-SIZING: border-box; BORDER-TOP: rgb(223,226,229) 1px solid; BORDER-RIGHT: rgb(223,226,229) 1px solid; BORDER-BOTTOM: rgb(223,226,229) 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 13px; MARGIN: 0px; BORDER-LEFT: rgb(223,226,229) 1px solid; PADDING-RIGHT: 13px">该控件内容为只读（不能编辑修改）</td>
	</tr>
	<tr style="BOX-SIZING: border-box; BORDER-TOP: rgb(198,203,209) 1px solid; MARGIN: 0px; BACKGROUND-COLOR: rgb(255,255,255)">
	<td style="BOX-SIZING: border-box; BORDER-TOP: rgb(223,226,229) 1px solid; BORDER-RIGHT: rgb(223,226,229) 1px solid; BORDER-BOTTOM: rgb(223,226,229) 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 13px; MARGIN: 0px; BORDER-LEFT: rgb(223,226,229) 1px solid; PADDING-RIGHT: 13px">disabled</td>
	<td style="BOX-SIZING: border-box; BORDER-TOP: rgb(223,226,229) 1px solid; BORDER-RIGHT: rgb(223,226,229) 1px solid; BORDER-BOTTOM: rgb(223,226,229) 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 13px; MARGIN: 0px; BORDER-LEFT: rgb(223,226,229) 1px solid; PADDING-RIGHT: 13px">disabled</td>
	<td style="BOX-SIZING: border-box; BORDER-TOP: rgb(223,226,229) 1px solid; BORDER-RIGHT: rgb(223,226,229) 1px solid; BORDER-BOTTOM: rgb(223,226,229) 1px solid; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; PADDING-LEFT: 13px; MARGIN: 0px; BORDER-LEFT: rgb(223,226,229) 1px solid; PADDING-RIGHT: 13px">第一次加载页面时禁用该控件（显示为灰色）</td>
	</tr>
</tbody>
</table>
<br />
<br />
<br />
<br />
<br />
<span style="font-size:16px;"><strong>猜你喜欢：</strong></span>
<p><a href="http://www.itcast.cn/news/20210507/17522973624.shtml" target="_blank">HTML中的src与href属性的区别</a></p>
<p><a href="http://www.itcast.cn/news/20201130/10222440969.shtml" target="_blank">NumPy数组对象介绍：ndarray对象的常用属性</a></p>
<p><a href="http://www.itcast.cn/news/20201111/17325723314.shtml" target="_blank">【前端】盒子模型不同边框样式属性和应用技巧讲解</a></p>
<p><a href="http://web.itcast.cn/?webzly" target="_blank">大阳城app官网入口web前端培训课程</a></p>

</div>
                <div class="botpage clears">
                	                		<a href="/news/20210518/15043838627.shtml" class="prev"><b>上一篇：</b>js中的原型(prototype)是什么?如何理解?</a>
                	                                    		<a href="/news/20210521/11234295492.shtml" class="next"><b>下一篇：</b>如何解决margin“塌陷”问题？【前端面试题常问】</a>
                					</div>
                
                <div class="reader_con">
                    <div class="re_con fl recon_new">
    <h2>最新资讯</h2>
    <ul>
    	            <li>
                <a href="/news/20240223/10512549668.shtml" target="_blank">
                    <p>CORS代表什么以及它解决什么问题?</p>
                    <span>2024-02-23</span>
                </a>
            </li>
                    <li>
                <a href="/news/20240223/10180289537.shtml" target="_blank">
                    <p>ClickHouse的核心特性是什么?</p>
                    <span>2024-02-23</span>
                </a>
            </li>
                    <li>
                <a href="/news/20240222/10410683716.shtml" target="_blank">
                    <p>Flink如何计算实时的topN?</p>
                    <span>2024-02-22</span>
                </a>
            </li>
                    <li>
                <a href="/news/20240222/10150452706.shtml" target="_blank">
                    <p>UEditor有哪些常用方法?</p>
                    <span>2024-02-22</span>
                </a>
            </li>
                    <li>
                <a href="/news/20240221/10291138223.shtml" target="_blank">
                    <p>JS中，判断一个值是什么类型有哪些方法?</p>
                    <span>2024-02-21</span>
                </a>
            </li>
                    <li>
                <a href="/news/20240221/1004091203.shtml" target="_blank">
                    <p>Kafka并不支持主写从读(读写分离)，这是为什么呢?</p>
                    <span>2024-02-21</span>
                </a>
            </li>
            </ul>
</div>
                    <div class="re_con fr recon_relevant">
                        <h2>相关阅读</h2>
                        <ul>
                                                            <li>
                                    <a href="/news/20210512/14060479325.shtml" target="_blank">
                                        <p> Sass语言如何声明和引用变量？</p>
                                        <span>2021-05-12</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="/news/20210512/1109077377.shtml" target="_blank">
                                        <p>为什么要使用二倍图？二倍图使用教程</p>
                                        <span>2021-05-12</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="/news/20210510/16034247730.shtml" target="_blank">
                                        <p>常见的js中的继承方法有哪些?</p>
                                        <span>2021-05-10</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="/news/20210510/15523954673.shtml" target="_blank">
                                        <p>jQuery库中的$()是什么?</p>
                                        <span>2021-05-10</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="/news/20210510/14093525721.shtml" target="_blank">
                                        <p>什么是前端？初级前端开发应该掌握哪些知识？</p>
                                        <span>2021-05-10</span>
                                    </a>
                                </li>
                                                            <li>
                                    <a href="/news/20210507/17522973624.shtml" target="_blank">
                                        <p>HTML中的src与href属性的区别</p>
                                        <span>2021-05-07</span>
                                    </a>
                                </li>
                                                    </ul>
                    </div>
                </div>
                
                
<style>
	.bdsharebuttonbox{display: none;}
	.bdsharebuttonbox .dianzan{
		float: right;
		height: 26px;
		line-height: 26px;
		border: 1px solid #f6f7f8;
		padding: 0px 17px 0px 38px;
		background: url(http://yun.itheima.com/Root/images/spjc_zan.jpg) no-repeat 16px 3px;
		background-size: 15px;
		border-radius: 50px;
		font-size: 14px;
		color: #6e6e6e;
		cursor: pointer;
		display: inline-block;
		margin-bottom: 11px;
	}
	.bdsharebuttonbox .dianzan.cur{background-image: url(http://yun.itheima.com/Root/images/spjc_zanhover.jpg);}
	.bdsharebuttonbox img{width: 22px;cursor: pointer;margin: 0 5px;}
</style>
<div class="bshare-custom bdsharebuttonbox" id="bdsharebuttonbox"><span class="dianzan">0</span>
<em style="font-style: inherit;float: left;line-height: 23px;">分享到：</em>
<img class="-mob-share-weibo" src="/2020gw/images/wz_weibo.png"/>
<img class="-mob-share-qzone" src="/2020gw/images/wz_qqkj.png"/>
<img class="-mob-share-weixin" src="/2020gw/images/wz_weixin.png"/>
</div>
<script id="-mob-share" src="//f1.webshare.mob.com/code/mob-share.js?appkey=34ac61133a544"></script>

<div class="menu"></div>
<style>
	#content{padding-right:102px;}
	.menu{display:none;width:200px; background:#fff;  border-radius:4px; position:fixed;top: 208px; margin-left: -252px;  padding:6px;box-shadow: 0 0 12px rgba(0,0,0,.06); max-height: 746px;overflow-y: auto;}
	.menu::-webkit-scrollbar {width: 6px;height: 1px;}
	.menu::-webkit-scrollbar-thumb {width: 6px;border-radius: 5px;background: #E8E8F5;}
	.menu::-webkit-scrollbar-track{width: 6px;height: 1px;}
	.menu a{width:100%; height:30px; line-height:30px; display:inline-block;overflow: hidden;font-size: 12px;}
	.menu a:hover{color:#D72502}
	@media screen and (max-width: 1650px){
		.menu{width:0px;padding:0px;overflow:hidden;}
	}
	
	.sub_l .img_big{cursor: pointer;}
	.imgbigmask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;cursor: pointer;}
	.imgbigmask .imgbigmask_bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.7);}
	.imgbigmask .imgbigmask_con{position: absolute;left: 50%;top: 50%;width: 90%;max-height: 85%;overflow-y: auto;transform: translate(-50%,-50%);}
	.imgbigmask .imgbigmask_con::-webkit-scrollbar {width: 5px;height: 1px;}
	.imgbigmask .imgbigmask_con::-webkit-scrollbar-thumb {width: 5px;background: #ccc;}
	.imgbigmask .imgbigmask_con::-webkit-scrollbar-track{width: 5px;height: 1px;}
	.imgbigmask .imgbigmask_con img{display: block !important;max-width: 100%;margin: 0 auto;}
</style>
<script>
	$(document).ready(function(e) {
		$(".menu").append("<a href='javascript:;' style='text-indent:1.5' >目录</a>");
		$(".sub_txt").children().each(function(index, element) {
			var tagName=$(this).get(0).tagName;
			if( tagName=='HR'){
				return;
			}
			if(tagName.substr(0,1).toUpperCase()=="H"){
				var contentH=$(this).text();//获取内容
				var markid="mark-"+tagName+"-"+index.toString();
				$(this).attr("id",markid);//为当前h标签设置id
				let spaceNum =  "";
				if (tagName === 'H1') {
					spaceNum =  "";
				} else if (tagName === 'H2') {
					spaceNum =  "1.5";
				}  else if (tagName === 'H3') {
					spaceNum =  "3";
				} else if (tagName === 'H4') {
					spaceNum =  "4.5";
				} else if (tagName === 'H5') {
					spaceNum =  "6";
				} else if (tagName === 'H6') {
					spaceNum =  "7.5";
				}
				spaceNum+="em";
				$(".menu").append("<a href='#"+markid+"' title='"+contentH+"' style='text-indent:"+spaceNum+"'>"+contentH+"</a>");
				$(".menu").show();
			}
		});
	});
	$(".menu").on("click","a", function(){
		$(this).css({"color":"#D72502"}).siblings().css({"color":"#333"});
	});
	$(window).scroll(function(){
		var wtop = $(window).scrollTop();
		var slidet2 = 208-wtop;
		if(wtop>197){
			$(".menu").css({"top":"11px"});
		}else{
			$(".menu").css({"top":slidet2});
		}
	});
	$(".sub_l").append('<div class="imgbigmask" style="display: none;"><div class="imgbigmask_bg"></div><div class="imgbigmask_con"><img src=""></div></div>');
	$(".sub_l .img_big").click(function(){
		var picimg = $(this).attr("src");
		$(".sub_l .imgbigmask_con img").attr("src",picimg);
		$(".sub_l .imgbigmask").show();
	});
	$(".sub_l").on("click",".imgbigmask",function(){
		$(".sub_l .imgbigmask").hide();
	});
</script>
                
            </div>
            <div class="new_r">
                <div class="new_top"><p class="ajavaee"><a href="http://java.itcast.cn" target="_blank"><img alt="Java高级软件工程师课程" src="http://www.itheima.com/images/newslistPIC/1673602892815_官网文章列表.jpg" style="width: 230px; height: 148px;" /></a><span>javaee</span></p>
<p class="apython"><a href="/python/" target="_blank"><img alt="Python大数据课程" src="http://www.itheima.com/images/newslistPIC/1714628527388_学科列表页面右侧广告图.jpg" style="width: 230px; height: 148px;" /></a><span>python</span></p>
<p class="aweb"><a href="/web/" target="_blank"><img alt="web前端课程全薪升级V8.5" src="http://www.itcast.cn/files/image/202305/20230504162126780.png" style="width: 230px; height: 148px;" /></a><span>web</span></p>
<p class="aui"><a href="/design/" target="_blank"><img alt="AI+设计课程" src="http://www.itcast.cn/files/image/202406/20240612150654075.jpg" style="width: 230px; height: 148px;" /></a><span>design</span></p>
<p class="acloud"><a href="http://python.itcast.cn" target="_blank"><img alt="大数据培训班" src="http://www.itheima.com/images/newslistPIC/1619495360998_python+大数据学科列表页右侧.png" style="width: 230px; height: 148px;" /></a><span>cloud</span></p>
<p class="atest"><a href="https://test.itcast.cn" target="_blank"><img alt="软件测试培训课程" src="http://www.itcast.cn/files/image/202401/20240124102017048.jpg" style="width: 230px; height: 148px;" /></a><span>test</span></p>
<p class="ac"><a href="/subject/czly/index.shtml" target="_blank"><img alt="" src="/files/image/202006/20200608154929276.jpg" style="width: 230px; height: 148px;" /></a><span>c</span></p>
<p class="anetmarket"><a href="http://xmt.itcast.cn/" target="_blank"><img alt="新媒体运营培训课程" src="http://www.itheima.com/images/newslistPIC/1677642673317_230x148.png" style="width: 230px; height: 148px;" /></a><span>netmarket</span></p>
<p class="apm"><a href="/pm/" target="_blank"><img alt="产品经理培训课程" src="http://www.itcast.cn/files/image/202210/20221018111554238.png" style="width: 230px; height: 148px;" /></a><span>pm</span></p>
<p class="aLinux"><a href="/subject/linuxzly/index.html" target="_blank"><img alt="linux培训班" src="/files/image/202006/20200608155135435.jpg" style="width: 230px; height: 148px;" /></a><span>Linux</span></p>
<p class="amovies"><a href="/subject/movieszly/index.html" target="_blank"><img alt="影视制作培训" src="/files/image/202006/20200608155515709.jpg" style="width: 230px; height: 148px;" /></a><span>movies</span></p>
<p class="arobot"><a href="/subject/robotzly/index.html" target="_blank"><img alt="智能机器人开发" src="/files/image/202006/20200608155646087.jpg" style="width: 230px; height: 148px;" /></a><span>robot</span></p>
<p class="auids"><a href="/subject/uizly/index.shtml" target="_blank"><img alt="电商视觉设计" src="/files/image/202006/20200608155728652.jpg" style="width: 230px; height: 148px;" /></a><span>uids</span></p>
<p class="aai"><a href="/ai/" target="_blank"><img alt="人工智能培训课程" src="http://www.itcast.cn/files/image/202303/20230301114223853.jpg" style="width: 230px; height: 148px;" /></a><span>Python</span></p>
<p class="ajcdl"><a href="https://www.itheima.com/special/jcdlzly/index.html?jcdlzly" target="_blank"><img alt="集成电路应用开发(嵌入式)培训课程" src="http://www.itcast.cn/files/image/202307/20230718175515466.jpg" style="width: 230px; height: 148px;" /></a><span>jdbc</span></p>
</div>
                <div class="techcen_right">
                    <div class="techcen_tit">
                        <div class="xqtop">
                            <b></b>
                            <img src="/2018czgw/images/technology/kbtop.png" >
                            <p><span>北京校区</span><img src="/2018czgw/images/kczxdown.png" ></p>
                        </div>
                        <div class="xqall">
                            <ul></ul>
                        </div>
                    </div>
                    <div class="techcen_kb">

</div>
                </div>
                <div class="new_bot"><div class="botcon">
<div class="ajavaee"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="apython"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="aweb"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="aui"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="acloud"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="atest"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="ac"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="anetmarket"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="apm"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="aLinux"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="amovies"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="arobot"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="auids"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
<div class="aai"><a class="itcast_click" href="javascript:;">申请试听名额</a></div>
</div>

                    <div class="box_sidebar">
                        <div class="sidebar_more">
                            <h2>热门课程推荐</h2><a href="http://yun.itheima.com/course" target="_blank" class="sidemore">更多>></a>
                        </div>
                        <ul>
                            <script src="https://yun.itheima.com/api.php/course/hot/cid/web"></script>
                        </ul>
                    </div>
                    <div class="bmlc-con bmlc-con2 bmbd">
                        <div class="bmbd-con"><iframe class="iframe" frameborder="0" height="380" scrolling="no" src="https://baoming.itcast.cn/page/51e9cfbf12aaa-5b45602cb603e----1?class=wzlist" width="100%"></iframe></div>

</div>
                </div>
            </div>
        </div>
        
    </div>

<div class="newsindex_pc">
        <div class="footer">
            
            <div class="footer-top">
<div class="inner">
<p class="footer-cz" style="padding: 20px   0;"><a class="com-red" href="http://www.itcast.cn/subject/about/index.html" rel="nofollow" target="_blank">澳门大阳城APP入口</a> | <a class="com-red" href="http://www.itcast.cn/channel/flow.shtml" rel="nofollow" target="_blank">报名流程</a>| <a class="com-red" href="http://www.itcast.cn/news/20171206/08175432061.shtml" rel="nofollow" target="_blank">大阳城网站官网声明</a>| <a class="com-red" href="http://www.itcast.cn/news/20180206/17584730379.shtml" rel="nofollow" target="_blank">法律声明</a>| <a class="com-red" href="http://www.itcast.cn/news/20180412/10045089511.shtml" rel="nofollow" target="_blank">对外合作</a>| <a class="com-red" href="http://www.itcast.cn/1024/index.html" target="_blank">1024程序员节 </a></p>
</div>
</div>

<div class="footer-bot">
<p>大阳城·(中国区)官方网站入口-Macau App Station 版权所有Copyright 2006-2024  All Rights Reserved <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank"> 苏ICP备16007882号</a><a href="http://www.itcast.cn/images/yyzz01.jpg" target="_blank">营业执照</a><a href="http://www.itcast.cn/images/zzdx01.jpg" target="_blank">增值电信业务经营许可证</a><a href="http://www.itcast.cn/images/cbwjy.jpg" target="_blank">出版物经营许可证</a><a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32132202001156" rel="nofollow" target="_blank"><img src="https://www.itheima.com/images/baicon.png" style="display:inline;margin-bottom: -3px;width: 15px;" />苏公网安备 32132202001156号</a> </p>
</div>
<script src="/js/zhuge.js"></script><script>
	var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?0cb375a2e834821b74efffa6c71ee607";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(hm, s);
	})();
</script><script>
	(function() {
		var el = document.createElement("script");
		el.src =
			"https://sf1-scmcdn-tos.pstatp.com/goofy/ttzz/push.js?643ac03f8aa149b2ea832a12be2e5ac922da50b2e239d527fcf0f9f873b11f7aef69e80375f6dd78a759aa2e1883c8b5889190e1c0db3dfdab68595b8571d7d0";
		el.id = "ttzz";
		var s = document.getElementsByTagName("script")[0];
		s.parentNode.insertBefore(el, s);
	})(window)
</script>
            
        </div>
    </div>
    <script type="text/javascript">
        var subjectname = "web";
    </script>
    <div class="newsindex_yd">
        <div class="footer_box">
<p class="footlist"><a href="/">首页</a>|<a href="/2018phone/phoneschool.html">校区分布</a>|<a href="/2018phone/phoneteacher.html">师资力量</a>|<a href="/2018phone/phonegywm.html">关于我们</a>|<a href="/2018phone/phonebmlc.html">报名流程</a></p>
<p class="footlist" id="footlist"><a href="/2018phone/phonecjwt.html">常见问题</a>|<a class="footjszx phonejavaeezly" href="/news/javaee_1.shtml">技术资讯</a></p>
<p>大阳城·(中国区)官方网站入口-Macau App Station版权所有<br />
Copyright 2006-2023, All Rights Reserved</p>
</div>
<div class="bdzx"><a class="itcast_click zx_btn" href="JavaScript:;">在线咨询</a> <a class="itcast_click tel_btn" href="JavaScript:;">我要报名</a></div>
<script>
  
  if(subjectname == 'test'){
    subjectcon = '/news/testtech_1.shtml'
  }else if(subjectname == 'Linux'){
    subjectcon = '/news/linux_1.shtml'
  }else if(subjectname == 'qynews'){
    subjectcon = '/newsvideo/newslist_1.shtml'
  }else{
    subjectcon = '/news/'+subjectname+'_1.shtml'
  }
  document.getElementById("footlist").innerHTML = '<a href="/2018phone/phonecjwt.html">常见问题</a>|<a class="footjszx phonejavaeezly" href="'+subjectcon+'">技术资讯</a>';
  var arrfenxiao = ["BEIJING","TIANJIN","SHANGHAI","GUANGZHOU","SHENZHEN","WUHAN","ZHENGZHOU","XIAN","CHANGSHA","JINAN","CHONGQING","NANJING","HANGZHOU","SHIJIAZHUANG","CHENGDU","HEFEI","TAIYUAN","XIAMEN","SHENYANG"];
</script>
    </div>
    
</div>
<link rel="stylesheet" href="/2018czgw/css/style.css">

<script src="/js/jquery-1.7.2.min.js"></script> 
<script src="/js/global.js"></script>
<script type="text/javascript" src="/2018czgw/js/wow.min.js"></script>
<script src="/2018czgw/js/jquery.SuperSlide.2.1.2.js"></script>
<script src="/2018czgw/js/jquery.flipster.js"></script>
<script type="text/javascript" src="/2018czgw/js/header.js"></script>

<style type="text/css">
#ie7-warning{background:rgb(255,255,225); position:absolute; top:0; left:0; font-size:12px; color:#333; width:100%; padding:5px 0; text-align:center; z-index:99999; }
</style>

<div class="newsindex_pc">

<link rel="stylesheet" type="text/css" href="/css/zx.css?20221205"/>
<link rel="stylesheet" href="/2018czgw/css/style.css">

var nowwidth = document.documentElement.clientWidth;
	// if(nowwidth > 750){
	// 	var oscript2 = document.createElement('script');
	// 	oscript2.id = 'zhugeId';
	// 	oscript2.src = '/js/zhuge.js';
	// 	document.body.appendChild(oscript2);
	// }else{
	// 	var oscript2 = document.createElement('script');
	// 	oscript2.id = 'zhugeId';
	// 	oscript2.src = '/js/zhuge.js';
	// 	document.body.appendChild(oscript2);
	// }

$.ajax({
		url : "//baoming.itcast.cn/tools/getip",
		dataType : "json",
		success : function(res) {
			console.log(res.ip)
			var dataip = res.ip;
			if(dataip === ""){
				$("#qxzxqm").attr("src","");
				$("body").on("click",".itcast_click",function(){
					alert("咨询已屏蔽");
				});
			}else{
				// 在 H5 文件中
				let UA = window.navigator.userAgent;
				var regex = /swan\//;
				if(!regex.test(UA)){
					var oscript = document.createElement('script');
					oscript.id = 'qxzxqm';
					oscript.src = 'https://webchat.7moor.com/javascripts/7moorInit.js?accessId=b2f10070-624e-11e8-917f-9fb8db4dc43c&autoShow=false&language=ZHCN';
					document.body.appendChild(oscript);
				}else{
					$("body").on("click",".itcast_click",function(){
						window.location.href = 'https://webchat03.7moor.com/wapchat.html?accessId=22bdcd10-6250-11e8-917f-9fb8db4dc43c&fromUrl=http://baiducz&urlTitle=%E7%99%BE%E5%BA%A6%E5%B0%8F%E7%A8%8B%E5%BA%8F';
					})
				}
				setTimeout(function(){
					$(".qimo_zx").show();
				},6000);
				$(".cxhdpic2,.cxhdpic1").hover(function(){
					$(".cxhdpic1").show();
				},function(){
					$(".cxhdpic1").hide();
				});
				$("body").on("click",".itcast_click",function(){
					
					if(nowwidth > 750){
						qimosdk.hideChatBox();
						setTimeout(function(){
							qimoChatClick();
						},200);
						zhuge.track('咨询点击');
					}else{
						qimoChatClick();
						zhuge.track('咨询点击-移动端');
					}
				});
				
				setTimeout(function(){
					var timer = null;
					var qimo_chatpup = document.getElementById('qimo_chatpup');
					$("body").on("click",".itcast_click",function(){
						qimosdk.hideChatBox();
						qimo_chatpup.style.bottom = "-500px";
						setTimeout(function(){
							qimoChatClick();
							var ind = -500;
							timer = setInterval(function(){
								ind+=20;
								if(ind>-20){clearInterval(timer);}
								qimo_chatpup.style.bottom = ind+"px";
							},1);
						},200);
					});
				},1500);
			}
		},
	})
	
</script>

if(tutorialTop > tutorialvideo){
				$(".tutorial_video").addClass("cur");
			}else{
				$(".tutorial_video").removeClass("cur");
			}
		});
	}
	
	var winh = window.location.href;
	var datatext = ($("#count").text().split("-"))[0];
	var datatextlen = (datatext.length)-8;
	datatext = datatext.slice(0,datatextlen);
	if(winh.indexOf("/20170328/1633511039.shtml") != -1){
		var date = new Date();
		var getFullYear = date.getFullYear(); //获取完整的年份(4位)
		var getMonth = ((date.getMonth() +1)<10)?"0"+(date.getMonth() +1):(date.getMonth() +1);
		var getDate = (date.getDate()<10)?"01":((date.getDate()<20)?10:20);
		// $(".sub_l .time").html('更新时间:'+getFullYear+'年'+getMonth+'月'+getDate+'日 来源:大阳城app官网入口  浏览次数:<span id="hit" style="display: inline-block;">'+(parseInt(datatext)+232042)+'</span>');
		$(".sub_l .time").html('更新时间:'+getFullYear+'年'+getMonth+'月01日 来源:大阳城app官网入口  浏览次数:<span id="hit" style="display: inline-block;">'+(parseInt(datatext)+232042)+'</span>');
	}else if(winh.indexOf("/20230227/11301860882.shtml") != -1){
		var date = new Date();
		var getFullYear = date.getFullYear(); //获取完整的年份(4位)
		var getMonth = ((date.getMonth() +1)<10)?"0"+(date.getMonth() +1):(date.getMonth() +1);
		// $(".sub_l .time").html('更新时间:'+getFullYear+'年'+getMonth+'月01日 来源:大阳城app官网入口  浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
		$(".sub_l .time").html('更新时间:'+getFullYear+'年'+getMonth+'月01日 来源:大阳城app官网入口  浏览次数:<span id="hit" style="display: inline-block;">'+(parseInt(datatext)+232942)+'</span>');
	}else if(winh.indexOf("/20180202/20153796600.shtml") != -1){
		$(".sub_l .time").html('更新时间:2021年09月01日09时31分 来源:大阳城app官网入口  浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
	}else if(winh.indexOf("/20210108/1129210493.shtml") != -1){
		$(".sub_l .time").html('更新时间:2022年01月12日09时30分 来源:大阳城app官网入口  浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
	}else if(winh.indexOf("/20211210/14094213934.shtml") != -1){
		$(".sub_l .time").html('更新时间:2021年12月10日16时30分 来源:大阳城app官网入口  浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
	}else if(winh.indexOf("/20221011/13562199740.shtml") != -1){
		$(".sub_l .time").html('更新时间:2022年06月15日09时30分 来源:大阳城app官网入口  浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
	}else if(winh.indexOf("/20221011/13590836989.shtml") != -1){
		$(".sub_l .time").html('更新时间:2022年09月30日09时30分 来源:大阳城app官网入口  浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
	}else if(winh.indexOf("/20221011/10081832325.shtml") != -1){
		$(".sub_l .time").html('更新时间:2022年08月05日09时30分 来源:大阳城app官网入口  浏览次数:<span id="hit" style="display: inline-block;">'+datatext+'</span>');
	}
	
	
	
	
	//var opendata = localStorage.getItem("opendata");
	//if(opendata == "true"){
		
	//}else if(opendata == "false"){
	//	localStorage.setItem("opendata","true");
	//	window.open("http://vr.sina.com.cn/news/hz/2020-09-21/doc-iivhuipp5581608.shtml");
	//}else{
	//	localStorage.setItem("opendata","false");
	//	window.open("http://vr.sina.com.cn/news/hz/2020-09-21/doc-iivhuipp5581608.shtml");
	//}
	
</script>
<script>
//20190621
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https'){
   bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
  }
  else{
  bp.src = 'http://push.zhanzhang.baidu.com/push.js';
  }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<script>
	$(".wzheader .wzimgleft").click(function(){
		$(".wzleftlist").addClass("show");
		$(".wzleftlist_bg").show();
	});
	$(".wzleftlist_bg").click(function(){
		$(".wzleftlist").removeClass("show");
		$(".wzrightlist").removeClass("show");
		$(this).hide();
	});
	$(".wzheader .wzimgcity").click(function(){
		$(".wzrightlist").show();
	});
	$(".wzrightlist .fxbox_bg").click(function(){
		$(".wzrightlist").hide();
	});
</script>
<script>
	
	var dianzanind = $("#cur_dz_id").text();
	$.ajax({
		url : "//h5.itcast.cn/itcast/zan/id/"+dianzanind,
		success : function(result) {
			$(".bdsharebuttonbox .dianzan").text(result);
		}
	});
	$(".bdsharebuttonbox .dianzan").one("click",function(){
		$.ajax({
			url : "//h5.itcast.cn/itcast/zan/id/"+dianzanind+"/type/add",
			success : function(result) {
				$(".bdsharebuttonbox .dianzan").text(result);
				$(".bdsharebuttonbox .dianzan").addClass("cur");
			}
		});
	});
</script></div>
<script src="/js/jquery.SuperSlide.2.1.1.js"></script>
<script src="/js/other.js"></script>
<script src="/2018czgw/js/arrcourse.js"></script>
<script src="/2018czgw/js/wzlistfn.js"></script>
<script>
    var subjectarr = "web";
    wzlistFn(subjectarr);
</script>
<center>
    <form data-evt="return baiduWithHttps(this)" action="http://www.baidu.com/baidu" target="_blank">
        <input name="tn" type="hidden" value="SE_zzsearchcode_shhzc78w">
        <a target="_blank" href="https://www.baidu.com/"><img width="100px" height="22px" src="https://www.baidu.com/img/baidu_jgylogo3.gif" alt="Baidu" align="bottom" border="0"></a>
        <input type="text" data-evt="checkHttps" name="word" size="20" value="">
        <input type="submit" value="百 度" height="26px">
    </form>
    <form action="https://www.sogou.com/web" name="sf" id="sf" target="_blank">
        <a target="_blank" href="https://www.baidu.com/"><img width="100px" height="22px" src="https://www.sogou.com/web/index/images/logo_440x140.v.4.png" alt="sogou" align="bottom" border="0"></a>
        <span class="sec-input-box yuyin-cur">
            <input height="22px" type="text" class="sec-input" name="query" id="query" maxlength="100" len="80" autocomplete="off" value="">
        </span>
        <span class="enter-input"><input type="submit" id="stb" value="搜 狗" height="26px"></span>
        <input type="hidden" name="_asf" value="www.sogou.com">
        <input type="hidden" name="_ast">
        <input type="hidden" name="w" value="01019900">
        <input type="hidden" name="p" value="40040100">
        <input type="hidden" name="ie" value="utf8">
        <input type="hidden" name="from" value="index-nologin">
        <input type="hidden" name="s_from" value="index">
    </form>  
  <form id="so360form" target="_blank" action="https://www.so.com/">
        <img width="100px" height="22px" src="http://p1.qhimg.com/d/_onebox/search.png">
        <input height="22px" id="so360_keyword" type="text" name="q" autocomplete="off" value="">
        <input id="so360_submit" type="submit" value="搜 索" height="26px">
        <input type="hidden" value="utf-8" name="ie">
        <input type="hidden" value="zz" name="src">
        <input type="hidden" value="so.com" name="site">
        <input type="hidden" value="1" name="rg">
    </form>
</center></body>
</html>

全国校区

热门课程

textarea控件创建文本输入框