1>email类型,表示必须输入E-mail地址的文本输入框
2>url类型，表示必须输入URL地址的文本输入框
3>range类型，表示必须输入一定范围内数字值的文本输入框
4>Date Pickers拥有多个可供选取日期和时间的新型输入文本框
date选取日，月，年
month选取月、年
week选取周和年
time选取时间(小时和分钟)
datetime选取时间、日、月、年(UTC时间)
datetime-local选取时间、日、月、年(本地时间)

废除的元素

1>能使用css替代的元素
对于basefont,big,center,font,s,strike,tt,u这些元素，由于它们的功能都是纯粹为画面展示服务的，而HTML5中提倡把画面展示×××放在css样式表中统一编辑，所以将这些元素废除了
2>不再使用frame框架,只支持iframe框架，或者用服务器方创建的由多个页面组成的复合页面的形式，
3>只有部分浏览器支持的元素,对开applet,bgsound,blink,marquee等元素，由于只有部分浏览器支持这些元素，特别是bgsound元素以及marquee元素，只被Internet Explorer所支持，所以在HTML5中被废除,其中applet元素可由embed元素或object元素替代,bgsound元素可由audio元素替代,marquee可以由JavaScript编程的方式所替代
4>其他被废除的元素,
1.rb元素使用ruby元素替代
2.acronym,使用abbr元素替代
3.dir元素，使用ul元素替代
4.isindex,使用form元素与input元素相结合的方式替代
5.listing元素,使用pre元素替代
6.xmp元素，使用code元素替代
7.nextid元素,使用GUIDS替代
8.plaintext元素,使用"text/plian" MIME类型替代

新增的属性和废除的属性

1新增的属性
1.表单相关的属性
1>可以对input(type=text),select,textarea与button元素指定autofocus属性,它以指定属性的方式 让元素在画面打开时自动获得焦点
2>可以对input(type=text) 与textarea元素指定的placeholder属性，它会对用户的输入进行提示，提示用户可以输入的内容
3>可以对input,output,select,textarea,button与feildset指定from属性,声明它属于哪个表单，然后将其放置在页面上任何位置，而不是表单之内
4>可以对input(type=text)与textarea元素指定required属性,该属性表示在用户提交的时候进行检查，检查该元素内一定要有输入内容
5>为input元素增加了几个新的属性:autocomplete,min,max,multiple,pattern与step
6>为input元素与button元素增加了新属性formaction,formenctype,formmethod,formnovalidate与formtarget,他们可以重载from元素的action,enctype,method,novalidate与target属性.为fieldset元素增加了disabled属性,可以把它的子元素设为disabled(无效状态)
7>为input元素、button元素、form元素增加了novalidate属性，该属性可以取消提交时进行的有关检查，表单可以被无条件地提交
2.链接相关的属性
1>为a与area元素增加了media属性，该属性规定目标URL是为什么类型的媒介/设备进行优化的，只能在href属性存在时使用
2>为area元素增加了hreflang属性与rel属性,以保持与a元素、link元素的一致性
3>为link元素增加了sizes属性。该属性可以与icon元素结合使用(通过rel属性),该属性指定关联图标(icon元素)的大小
4>为base元素增加了target属性，主要目的是保持与a元素的一致性
3.其他属性
1>为ol元素增加了reversed属性,
2>meta元素增加charset属性
3>为menu元素增加了两个新的属性,type与label.label为菜单定义一个可见的标注，type属性让菜单可以以上下文菜单，工具条与列表菜单的三种形式出现
4>为style元素增加scoped属性,用来规定样式的作用范围
5>为script元素增加了async属性，定义脚本是否异步执行
6>为html元素增加manifest,开发离线Web应用程序时它与API结合使用，定义一个URL，在这个URL上描述文档的缓存信息
7>为iframe元素增加三个属性sandbox,seamless与srcdoc,用来提高页面安全性，防止不信任的Web页面执行某些操作

四.全局属性

HTML5新增了一个"全局属性"的概念,指可以对任何元素都使用的属性.
一>.contentEditable属性
该属性值是一个布尔值属性,可以被指定为true或false
二>.designMode属性用来指定整个页面是否可编辑
该属性只能在JavaScript脚本里被修改。该 属性有两个值 "on"和"off".
修改方法: document.designMode="on"
三>.hidden属性,在HTML5中，所有的元素都有一个hidden属性.该属性类似于input元素中的hidden元素.
四>.spellcheck属性是HTML5针对input元素(type=text)与textarea这两个文本输入框提供的一个新属性,它的功能为对用户输入的文本内容进行拼写和语法检查。它书写在一个特殊的地方，就是必须明确声明属性值为true或false,书写方法如下
<br /><input type="text" spellcheck=false ><br />五>.tabindex属性,是开发中的一个基本概念，当不断敲击Tab键让窗口或页面中的控件获得焦点,对窗口或页面中的所有控件进行遍历的时候，每一个控件的tabindex表示该控件是第几个被访问到的.<br />如果，将元素的tabindex值设置为负数(如-1)，则当按下Tab键时该元素就不能获得焦点了,但仍然可通过编程的方式让该元素获得焦点.<br /><br /><strong>第三章,HTML5的主体结构元素</strong></p><hr /><p><strong>一.新增的主体结构元素</strong><br />1>article元素代表文档，页面或应用程序中独立的、完整的、可以独自被外部引用的内容。它可以 是一篇博客或报刊中的文章、一篇论坛帖子、一段用户评论或独立的插件，或其他任何独立的内容.除了内容部分，一个article元素通常有它自己的标题(一般放在一个header元素里面),有时还有自己的脚注<br />e.g:<br /><article><br />    <h2>My Fruit Spinner</h2><br />    <object><br />        <param name="allowFullScreen" value="true"><br />        <embed src="#" width=600 height=395></embed><br />    </object><br /></article><br />2>section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及标题组成(注意:标题部分位于它的内部，而不是它的前面)。但section元素并非一个普通的容器元素,如果一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素<br /><section><br />    <h2>苹果</h2><br />    <p><b>苹果</b>.植物类水果,多次花果...("苹果" 文章正文)</p><br /></section><br />section元素没有标题是不合理的，但是nav元素或aside元素没有标题是合理的<br />最后，关于section元素的使用禁忌，总结如下:<br />(1)不要将section元素用作设置样式的页面容器,那是div元素的工作<br />(2)如果article元素、aside元素或nav元素更符合使用条件,不要使用section元素<br />(3)不要为没有标题的内容区块使用section元素<br />3>nav元素,是一个可以用作页面导航的链接组，其中的导航元素链接到其他页面或当前页面的其他部分。并不是所有的链接组都要被放进nav元素，只需要将主要的、基本的链接组放进nav元素即可.<br />nav元素可用于以下场合<br />(1)传统导航条<br />(2)侧边栏导航条<br />(3)页内导航,页内导航的作用是在本页面的几个主要的组成部分之间进行跳转<br />(4)翻页操作<br />注意:在html5中不要用menu元素代替nav元素，menu元素是用在一系列发出命令的菜单上的，是一种交互性的元素，常使用在Web应用程序中<br />4>aside元素用来表示当前页面或文章的附属信息部分，它可以包含当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有别于主要内容的部分<br />5>time元素与微格式,微格式是一种利用html的class属性来对网页添加附加信息的方法，time元素明确地对机器的日期和时间进行编码，并且以让人易读的方式来展现它<br /><time datetime="2010-11-13">2010年11月13日</time><br />编码时机器读到的部分在datetime属性里，而元素开始标记和结束标记中间的部分则显示在网页上.datetime属性中日期与时间之间要用"T"文字分隔<br />6>pubdate属性是一个可选的、boolean值的属性，它可以用到article元素中的time元素上，意思是time元素代表了文章(article元素的内容)或整个网页的发布日期<br /><br /><strong>二.新增的非主体结构元素</strong><br />1>header元素是一种具有引导和导航作用的结构元素，通常用来旋转整个页面或页面内的一个内容区块的标题，但也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片<br />header元素通常包括至少一个heading元素(h2-h7),或包括hgroup元素，或包括其他元素(table或form),还可以包括nav元素<br />2>hgroup元素是将标题及子标题进行分组的元素。通常会将h2-h7元素进行分组。譬如一个内容区块的标题及其子标题算一组<br /><article><br />    <header><br />        <hgroup><br />            <h2>文章标题</h2><br />            <h3>文章子标题</h3><br />            <p><time datetime="2010-03-20">2010年10月29日</time></p><br />        </hgroup><br />    </header><br /></article><br />3>footer元素可以作为其上层父级内容区块或是一个根区块的脚注。footer通常包括其相关区块的脚注信息，如作者、相关阅读链接及版权信息等<br /><section><br />    <h3>分段内容</h3><br />    <p>内容...</p><br />    <footer><br />        分段内容的脚注...<br />    </footer><br /></section><br />4>address元素用来在文档中呈现联系信息，包括文档作者或文档维护者的名字、他们的网站链接、电子愚笨、真实地址、电话号码等。<br /><footer><br />    <div><br />        <address><br />            <a title="文章作者:陆毅" href="http://blog.sina.com.cn/luyi"<br />                陆毅<br />            </a><br />            发表于<time datetime="2010-10-04">2010年10月4日</time><br />        </address><br />    </div><br /></footer><br /><br /><strong>三.HTML5结构</strong></p><hr /><p><strong>1>大纲</strong>，简单来说是文档中各内容区块的结构编排。内容区块可以使用标题元素(h2-h7)来展示各级内容区块的标题。综合运用各级内容区块的标题创建好文档的目录后，该目录就是一个大纲了<br />关于内容区块的编排，可分为"显示编排" 与"隐匿编排"两种方式<br />(1)显式编排批明确使用section等元素创建文档结构，在每个内容区块内使用标题(h2-h7,hgroup等)<br />(2)隐式编排内容区块,指不明确使用section等元素，而是根据页面中所书写的各级标题(h2-h7,hgroup)等把内容区块自动创建出来。因为html5分析器只要看到书写了某个级别的标题，就会判断存在相应的内容区块。<br />(3)标题分级,h2级别最高,h7级别最低<br />为了使用文档结构清晰，请尽量使用显式编排<br />(4)不同的内容区块可以使用相同级别的标题<br /><strong>2>对新的结构元素使用样式</strong><br />我们需要使用css追加如下声明,<br />(1)<br />追加block声明<br />article,aside,dialog,figure,footer,header,legend,nav,section{display:block;}<br />然后就可正常使用样式<br />nav{float:left;width:20%}<br />article{float:right;width:79%}<br />(2)IE8及之前的浏览器不支持用css的方法使用这些尚未支持的结构元素，需要使用JavaScript脚本，如下所示:<br /><script><br />document.createElement("header");<br />document.createElement("nav");<br />document.createElement("article");<br />document.createElement("footer");<br /></script><br />3>article元素的样式<br />一个网页中可能有多个独立的article元素，每一个article元素都允许有自己的标题与脚注,并允许对自己的从属元素单独使用样式。<br />如:<br />header{display:block;color:red;text-align:right;}<br />article header{color:blue;text-align;center}<br /></p> <br> 网页题目：HTML5与CSS3 <br> 文章路径：<a href="http://lszwz.com/article/gigidc.html">http://lszwz.com/article/gigidc.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/eghpco.html">o2o平台是什么，O2O是什么</a> </li><li> <a href="/article/eghjpi.html">品牌中文域名是什么意思,中文域名的作用和价值是什么</a> </li><li> <a href="/article/eghjhh.html">怎样设置顶端标题行，如何按需设置顶端标题行页面设置中的顶端标题行功能可以设置每页</a> </li><li> <a href="/article/eghjhc.html">云南建网站需要多少钱,阿里巴巴建网站多少钱</a> </li><li> <a href="/article/eghjjp.html">个人接单的安装平台,个人免费接单的安装平台有哪些</a> </li> </ul> </div> </div> <div class="f_service_con"> <div class="h_fumin"> <div class="h_fumin_lei"> <div class="h_fumin_lei_tu"><img src="/Public/Home/images/f_service01.png"></div> <p>售后响应及时</p><span>7×24小时客服热线</span> </div> <div class="h_fumin_lei"> <div class="h_fumin_lei_tu"><img src="/Public/Home/images/f_service02.png"></div> <p>数据备份</p><span>更安全、更高效、更稳定</span> </div> <div class="h_fumin_lei"> <div class="h_fumin_lei_tu"><img src="/Public/Home/images/f_service03.png"></div> <p>价格公道精准</p><span>项目经理精准报价不弄虚作假</span> </div> <div class="h_fumin_lei"> <div class="h_fumin_lei_tu"><img src="/Public/Home/images/f_service04.png"></div> <p>合作无风险</p><span>重合同讲信誉，无效全额退款</span> </div> </div> </div> <div class="footerbar"> <div class="footer-t"> <div class="f-box"> <div class="f-1"> <div class="f-t"> <h2>联系我们</h2> <span>TEL</span> </div> <div class="f-b"> <h1><a href="tel:13518219792" rel="nofollow">135-1821-9792</a></h1> <h1><a href="tel:028-86922220" rel="nofollow">028-86922220</a></h1> <p>地址：乐山市太升南路288号锦天国际</p> </div> </div> <div class="f-2"> <div class="f-t"> <h2>快捷导航</h2> <span>Shortcut</span> </div> <div class="f-b"> <ul > </ul> <ul > <li><a href="/jianshe" title="乐山网站建设">乐山网站建设</a></li> <li><a href="/jianshe#ym_websiteBox2" title="品牌网站建设">品牌网站建设</a></li> <li><a href="/jianshe#ym_websiteBox1" title="企业网站建设">企业网站建设</a></li> <li><a href="/jianshe#ym_websiteBox4" title="集团网站建设">集团网站建设</a></li> <li><a href="/jianshe#ym_websiteBox4_2" title="外贸网站建设">外贸网站建设</a></li> <li><a href="/jianshe#ym_websiteBox4_5" title="企业宣传视频">企业宣传视频</a></li> </ul> <ul > <li><a href="/weixin" title="微信开发">微信开发</a></li> <li><a href="/weixin#item1" title="公众号开发">公众号开发</a></li> <li><a href="/weixin#item2" title="微商城建设">微商城建设</a></li> <li><a href="/weixin#item3" title="微官网建设">微官网建设</a></li> <li><a href="/weixin#item4" title="小程序开发">小程序开发</a></li> </ul> <ul> <li><a href="/case/" title="网站作品案例">网站作品案例</a></li> <li><a href="/case/" title="品牌网站案例">品牌网站案例</a></li> <li><a href="/case/" title="集团网站案例">集团网站案例</a></li> <li><a href="/case/" title="企业网站案例">企业网站案例</a></li> <li><a href="/case/" title="外贸网站案例">外贸网站案例</a></li> <li><a href="/case/" title="营销网站案例">营销网站案例</a></li> </ul> <ul style="margin:0;"> <li><a href="/about/">小谭建站</a></li> <li><a href="/about/">公司简介</a></li> <li><a href="/about#ab_item3">企业文化</a></li> <li><a href="/contact">联系我们</a></li> <li><a href="/Pay.html">付款方式</a></li> <li><a href="/jianshe#ym_websiteBox8">售后服务</a></li> </ul> <div style="clear:both;"></div> </div> </div> <div class="f-3"> <div class="f-t"> <h2>二维码</h2> <span>QR CODE</span> </div> <div class="f-b"> <ul> <li><img src="/Public/Home/images/fewm.png"> <p>微信公众号</p> </li> <li style="margin: 0"><img src="/Public/Home/images/fewm2.png"> <p>手机端网站</p> </li> <div style="clear:both;"></div> </ul> </div> </div> <div style="clear:both;"></div> </div> </div> <div class="footer-about"> <div class="w1200">乐山小谭建站工作室是一家专注从事于高品质视觉体验及互联网设计开发，<a href="/" target="_blank">乐山网站建设</a>，<a href="/jianshe" target="_blank">乐山网站设计</a>，<a href="/jianshe" target="_blank">乐山网页设计</a>，<a href="/jianshe" target="_blank">乐山网站制作</a>，<a href="/jianshe#ym_websiteBox2" target="_blank">品牌网站建设</a>，<a href="/jianshe#ym_websiteBox3" target="_blank">营销网站建设</a>，<a href="/jianshe#ym_websiteBox4" target="_blank">集团网站建设</a>，<a href="/jianshe#ym_websiteBox1" target="_blank">企业网站建设</a>，<a href="/jianshe#ym_websiteBox4_2" target="_blank">外贸网站建设</a>，<a href="/jianshe#ym_websiteBox4_3" target="_blank">响应式网站建设</a>，<a href="/weixin#item4" target="_blank">小程序开发</a>，<a href="/weixin" target="_blank">微信开发</a>，<a href="/jianshe#ym_websiteBox4_4" target="_blank">企业形象设计</a>，<a href="/jianshe#ym_websiteBox4_5" target="_blank">企业宣传视频</a>等服务，小谭建站位于乐山市龙岗区大运软件小镇，小谭建站拥有经验丰富的高级网站建设工程师和一流的网页高端设计人员，具备各种规模与类型网站建设的雄厚实力，在网站建设领域树立了自己独特的设计风格。 </div> <div class="friend-links"> <h6 class="clearfix"> <span class="tilte">友情链接</span> <a class="exchagne" href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes">交换友情链接</a> </h6> <div class="link-list clearfix"> <div class="link-slider"> <a href="http://www.sccummins.cn/" title="成都康明斯发电机" target="_blank">成都康明斯发电机</a>   <a href="http://www.cdhuace.com/" title="成都广告设计" target="_blank">成都广告设计</a>   <a href="http://www.xinhua2016.com/" title="新华建筑装饰" target="_blank">新华建筑装饰</a>   <a href="http://www.cdzunge.cn/" title="尊格展览" target="_blank">尊格展览</a>   <a href="http://m.cdcxhl.cn/mobile/ " title="手机网站制作" target="_blank">手机网站制作</a>   <a href="https://www.cdcxhl.com/cloud/" title="云服务器" target="_blank">云服务器</a>   <a href="http://www.hfwuji.cn/" title="清舞人间" target="_blank">清舞人间</a>   <a href="http://www.xhgfhy.com/ " title="犀浦雨棚定制" target="_blank">犀浦雨棚定制</a>   <a href="https://www.xwcx.net/jigui.html" title="成都机柜租用" target="_blank">成都机柜租用</a>   <a href="http://m.cdcxhl.cn/mobile/ " title="手机网站设计" target="_blank">手机网站设计</a>    </div> </div> </div> </div> <div class="footer-b"> <div class="f-box"> <ul> <li><a href="/jianshe#ym_websiteBox6" target="_blank">服务流程</a></li> <li><a href="/jianshe#ym_websiteBox8" target="_blank">售后服务</a></li> <li><a href="/about/" target="_blank">联系我们</a></li> <li><a href="#" target="_blank">付款方式</a></li> <li><a href="#" target="_blank">网站地图</a></li> <li><a href="#" target="_blank">sitemap</a></li> <li> <p> <script data-cfasync="false" src="/Public/Home/js/email-decode.min.js"></script> </p> </li> <div style="clear:both;"></div> </ul> <p class="copy">Copyright © 2022 青羊区小谭信息技术咨询服务工作室 乐山建站工作室 All Rights Reserved   <a href="http://www.miibeian.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2021004003号-25</a> <a style="display:none" target="_blank" href="###"><img style="vertical-align:middle" border="0" src="" width="65" height="25" /></a> </p> <div style="clear:both;"></div> </div> </div> <div class="sj_footer"> <div class="f-box"> <ul> <li><a href="/jianshe" target="_blank">网站建设</a></li> <li><a href="/jianshe#ym_websiteBox6" target="_blank">服务流程</a></li> <li><a href="/jianshe#ym_websiteBox8" target="_blank">售后服务</a></li> <li><a href="#" target="_blank">付款方式</a></li> <li><a href="/about/" target="_blank">关于我们</a></li> <li><a href="#" target="_blank">网站地图</a></li> <div style="clear:both;"></div> </ul> <p class="copy">Copyright © 2022 青羊区小谭信息技术咨询服务工作室 乐山建站工作室 </p> <p class="copy"> <a href="http://www.miibeian.gov.cn/" target="_blank" rel="nofollow">蜀ICP备2021004003号-25</a>  <a href="###" target="_blank"><img src="/Public/Home/images/govicon.gif" width="20" height="28" border="0" style="border-width:0px;border:hidden; border:none;"></a></p> <div style="clear:both;"></div> </div> </div> </div> <script type='text/javascript' src='/Public/Home/js/qqkefu.js'></script> <div class="qqkefu"> <ul> <li class="qq_czaa" id="130"><b class="a"></b>135-1821-9792</li> <li class="qq_czaa" id="130"><a href="tencent://message/?uin=1683211881"><b class="b"></b>业务咨询QQ</a></li> <li class="qq_czaa" id="130"><a href="javascript:showDiv()"><b class="f"></b>提交合作意向表</a></li> <li class="qq_czb"> <b class="c"></b> <div class="erweima"> <p><img src="/Public/Home/images/right_erweima.png"></p> </div> </li> <li class="top"><span></span></li> </ul> </div> <div id="popDiv" class="mydiv" style="display:none;"> <a class="mydiv_clk" href="javascript:closeDiv()">X</a> <div class="mydiv_list"> <div class="c_f_title"><span class="c_f_t">合作意向表</span></div> <div class="c_f_con"> <form id="form1" name="form1" class="mess_form" method="post" action="/post_order"> <input name='enews' type='hidden' value='AddFeedback'> <input name="bid" value="1" type="hidden"> <input type="hidden" name="ecmsfrom" value="9"> <input type="hidden" name='title' value="客户提交需求"> <li class="c_n"><span>公司名称</span> <dl><input name='gsname' id='gsname' type="text"></dl> </li> <li class="c_n"><span>邮箱</span> <dl><input name='gemail' id='gemail' type="text"></dl> </li> <li class="c_n xmm"> <div class="xmm_01"><span>姓名</span> <dl class="c_n_i"><input name='name' id='name' type="text"></dl> </div> <div class="xmm_01"><span style="text-align:center">电话</span> <dl class="c_n_i"><input name="tel" type="text"></dl> </div> </li> <li class="c_tser">您需要的服务</li> <li class="clearfix"> <dd><label><input type="radio" name='hobby' id='hobby' value="高端网站建设"><span>高端网站建设</span></label></dd> <dd><label><input type="radio" name='hobby' id='hobby' value="我需要做微信营销"><span>我需要做微信营销</span></label></dd> <dd><label><input type="radio" name='hobby' id='hobby' value="要找长期合作，需要年度服务"><span>要找长期合作，需要年度服务</span></label></dd> <dd><label><input type="radio" name='hobby' id='hobby' value="我需要做购物商城"><span>我需要做购物商城</span></label></dd> <dd><label><input type="radio" name='hobby' id='hobby' value="我需要网站改版"><span>我需要网站改版</span></label></dd> <dd><label><input type="radio" name='hobby' id='hobby' value="其他"><span>其他</span></label></dd> </li> <li class="c_tser">您关注的地方</li> <li class="clearfix"> <dd><label><input type="radio" name='hobby2' id='hobby2' value="对功能要求比较高"><span>对功能要求比较高</span></label></dd> <dd><label><input type="radio" name='hobby2' id='hobby2' value="对设计创意要求比较高"><span>对设计创意要求比较高</span></label></dd> <dd><label><input type="radio" name='hobby2' id='hobby2' value="需要可以购物支付"><span>需要可以购物支付</span></label></dd> <dd><label><input type="radio" name='hobby2' id='hobby2' value="搜索引擎排名"><span>搜索引擎排名</span></label></dd> </li> <li class="c_tser">预算</li> <li class="clearfix clearfix2"> <dd><label><input type="radio" name='hobby3' id='hobby3' value="一万以内"><span>一万以内</span></label> </dd> <dd><label><input type="radio" name='hobby3' id='hobby3' value="1-3万"><span>1-3万</span></label> </dd> <dd><label><input type="radio" name='hobby3' id='hobby3' value="3-5万"><span>3-5万</span></label> </dd> <dd><label><input type="radio" name='hobby3' id='hobby3' value="5万以上"><span>5万以上</span></label> </dd> <dd><label><input type="radio" name='hobby3' id='hobby3' value="需招投标"><span>需招投标</span></label> </dd> </li> <li class="c_n" style="border-top:1px solid #eee; padding-top:10px"><span>验证码</span> <dl class="c_n_i yzmm"><input type="text" name='code' id='code' value=""></dl><span style="text-align:center"><img src="/Public/Home/images/1661eb19783442c38063791555cd0d80.gif" onclick="this.src=this.src + '?'" width="100" height="40"></span> </li> <li class="clearfix"> <dd class="submit"><input name='submit' type="submit" value="提交需求"></dd> </li> </form> </div> </div> </div> <div id="bg" class="bg" style="display:none;"></div> <div id='popIframe' class='popIframe' frameborder='0'></div> <script> //提交需求选项 $(document).ready(function (e) { $(".mess_form").submit(function () { if ($("#gsname").val() == "") { alert("请填写您的公司名称！"); $("#gsname").focus(); return false; } if ($("#gemail").val() == "") { alert("请填写您的邮箱"); $("#gemail").focus(); return false; } if ($("#name").val() == "") { alert("请填写您的姓名！"); $("#name").focus(); return false; } if ($("#tel").val() == "") { alert("请填写您的电话！"); $("#tel").focus(); return false; } if ($("#hobby").val() == "") { alert("请选择您需要的服务！"); $("#hobby").focus(); return false; } if ($("#hobby2").val() == "") { alert("请选择您关注的地方！"); $("#hobby2").focus(); return false; } if ($("#hobby3").val() == "") { alert("请选择您的预算！"); $("#hobby3").focus(); return false; } if ($("#code").val() == "") { alert("请填写正确的验证码！"); $("#code").focus(); return false; } }); }); </script> <script language="javascript" type="text/javascript"> //提交需求窗口 function showDiv() { document.getElementById('popDiv').style.display = 'block'; document.getElementById('popIframe').style.display = 'block'; document.getElementById('bg').style.display = 'block'; } function closeDiv() { document.getElementById('popDiv').style.display = 'none'; document.getElementById('bg').style.display = 'none'; document.getElementById('popIframe').style.display = 'none'; } </script> <script type="text/javascript" src="/Public/Home/js/scrolltopcontrol.js"></script> <script type="text/javascript" src="/Public/Home/js/su_new.js"></script> </body> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>