2024-02-29 17:16
北京
请填写图片验证码后获取短信验证码
看不清楚，换张图片
免费获取短信验证码
HTML 框架标签（）不再仅仅局限于嵌入外部网站的内容。如今，它已成为打破传统网站布局界限的强大工具，为设计人员提供了前所未有的灵活性。</p> <p><strong>网格布局</strong></p> <p>使用 <iframe> 标签可以轻松创建网格布局，实现网站内容的整齐划一。通过指定 <iframe> 的行列结构，可以将内容划分成不同的区域，从而创建更具视觉吸引力的布局。如下所示：</p> <pre class="line-numbers"><code class="language-php"><code class="language-html"><div class="grid"> <iframe class="lazy" data-src="section1.html"></iframe> <iframe class="lazy" data-src="section2.html"></iframe> <iframe class="lazy" data-src="section3.html"></iframe> </div></code></code></pre> <p><strong>响应式设计</strong></p> <iframe> 标签在响应式设计中也非常有用。通过响应式 CSS 媒体查询，可以针对不同屏幕尺寸调整 <iframe> 的尺寸和位置。这样，网站可以自动适应各种设备，提供最佳的用户体验。 <pre class="line-numbers"><code class="language-php"><code class="language-html">@media (max-width: 600px) { iframe { width: 100%; height: 300px; } }</code></code></pre> <p><strong>弹性盒布局</strong></p> <iframe> 标签与弹性盒布局相结合，可以创建高度灵活的布局。弹性盒允许元素根据可用空间调整大小和位置，从而提供响应性和适应性更强的网站。 <pre class="line-numbers"><code class="language-php"><code class="language-html"><div class="flex-container"> <iframe class="lazy" data-src="sidebar.html"></iframe> <div class="content"> <h1>标题</h1> <p></p> </div> </div></code></code></pre> <p><strong>其他创意应用</strong></p> <p>除了布局，<iframe> 标签还有许多其他创意应用：</p> <ul> <li><strong>嵌入交互式内容：</strong>嵌入 Google 地图、YouTube 视频或其他交互式元素，为网站增添趣味性和吸引力。</li> <li><strong>隔离脚本和样式：</strong>将包含外部脚本和样式的 <iframe> 放置在主页面之外，以提高性能和避免冲突。</li> <li><strong>创建迷你应用程序：</strong>将 <iframe> 作为独立的迷你应用程序，用于执行特定任务，例如计算器或天气预报。</li> </ul> <p><strong>结论</strong></p> <p>HTML 框架标签不再是一种被动的元素，而是网站设计中一股强大的力量。通过创新应用，可以打破传统的界限，创建灵活、响应和视觉上令人惊叹的布局。利用 <iframe> 标签的无限可能性，释放网站设计的潜力。</p></div><div class="myShow contentBtmshow"><div class="mzsming"><p class="mzsm_title">免责声明：</p><p>① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。</p><p>② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341</p></div></div><div class="gDetailKeyword"><div class="gKeyword fl"><a href="/tag/ /" target="_blank" class="b"> </a><a href="/tag/HTML/" target="_blank" class="b">HTML</a><a href="/tag/框架标签、网格布局、响应式设计、弹性盒布局/" target="_blank" class="b">框架标签、网格布局、响应式设计、弹性盒布局</a></div><div class="clearboth"></div></div><div class="contentBottom clearfix"><a href="" class="readOriginal fl">阅读原文</a><a href="" class="contentComplain fr">内容投诉</a><div class="clearboth"></div></div></div><div class="downLoad clearfix"><div class="downIntro fl"><span class="icon icon_downdoc bg_content bg_word"></span><div class="downtxtIntro"><h4>HTML 框架标签的创意应用：打破传统的界限</h4><p>下载Word文档到电脑，方便收藏和打印～</p></div></div><div class="downBtn fr bg_content bg_down">下载Word文档</div></div><div class="contentRelateArticle"><div class="articleRecommend"><h2><div class="fl">相关文章</div><div class="clearboth"></div></h2><ul class="clearfix"><li><a href="https://www.528045.com/article/06652927bc.html" title="软考中项会降分吗？2024下半年系统集成项目管理工程师合格分是多少？">软考中项会降分吗？2024下半年系统集成项目管理工程师合格分是多少？</a></li><li class="last"><a href="https://www.528045.com/article/979ae536b9.html" title="软考信监会降分吗？2024下半年信息系统监理师合格分是多少？">软考信监会降分吗？2024下半年信息系统监理师合格分是多少？</a></li><li><a href="https://www.528045.com/article/036cd6f224.html" title="软考中级多少分过？软考中级合格标准分数线">软考中级多少分过？软考中级合格标准分数线</a></li><li class="last"><a href="https://www.528045.com/article/353c7a91e5.html" title="软考初级多少分过？软考初级合格标准分数线">软考初级多少分过？软考初级合格标准分数线</a></li><li><a href="https://www.528045.com/article/5a5183b908.html" title="2024下半年软考中项成绩合格标准是多少？">2024下半年软考中项成绩合格标准是多少？</a></li><li class="last"><a href="https://www.528045.com/article/5899448e92.html" title="软考多少分过？软考合格标准分数线">软考多少分过？软考合格标准分数线</a></li><li><a href="https://www.528045.com/article/7a2d76fa22.html" title="软考网络员会降分吗？2024下半年网络管理员合格分是多少？">软考网络员会降分吗？2024下半年网络管理员合格分是多少？</a></li><li class="last"><a href="https://www.528045.com/article/4e932772cc.html" title="软考信安会降分吗？2024下半年信息安全工程师合格分是多少？">软考信安会降分吗？2024下半年信息安全工程师合格分是多少？</a></li><li><a href="https://www.528045.com/article/ec8609464b.html" title="软考信息系统员会降分吗？2024下半年信息系统运行管理员合格分是多少？">软考信息系统员会降分吗？2024下半年信息系统运行管理员合格分是多少？</a></li><li class="last"><a href="https://www.528045.com/article/647ab10cef.html" title="2024下半年软考高级成绩合格标准是多少？">2024下半年软考高级成绩合格标准是多少？</a></li><div class="clearboth"></div></ul></div></div><div class="seeArt"><h3 class="title"><div class="fl"><span class="icon bg_content bg_icon_kyk"></span><span class="name">猜你喜欢</span></div><div class="clearboth"></div></h3><div class="articleBox"><div class="articleList clearfix"><div class="intro"><a title="HTML 框架标签的创意应用：打破传统的界限" href="/article/bd496c27ca.html"><h4>HTML 框架标签的创意应用：打破传统的界限</h4></a><div class="des">HTML 框架标签的创新应用：释放网站布局的无限可能</div></div><div class="imgBox"><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/12.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="HTML 框架标签的创意应用：打破传统的界限" /></div><div class="articleBottom"><span class="date" style="float: right;">2024-02-29</span></div><div class="clearboth"></div></div><div class="articleList clearfix"><div class="intro"><a title="<strong>HTML 列表标签的创造性用途：突破界限</strong>" href="/article/0cf3a7634e.html"><h4><strong>HTML 列表标签的创造性用途：突破界限</strong></h4></a><div class="des"></div></div><div class="imgBox"><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/40.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="<strong>HTML 列表标签的创造性用途：突破界限</strong>" /></div><div class="articleBottom"><span class="date" style="float: right;">2024-03-11</span></div><div class="clearboth"></div></div><div class="articleList clearfix"><div class="intro"><a title="HTML框架集标签的创造性用法：超越传统布局" href="/article/5088a74018.html"><h4>HTML框架集标签的创造性用法：超越传统布局</h4></a><div class="des">HTML框架集标签的创造性用法：打破传统的布局界限</div></div><div class="imgBox"><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/36.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="HTML框架集标签的创造性用法：超越传统布局" /></div><div class="articleBottom"><span class="date" style="float: right;">2024-03-05</span></div><div class="clearboth"></div></div><div class="articleList clearfix"><div class="intro"><a title="HTML 框架集标签的下一步：在 Web 开发中应用创新技术" href="/article/3c289fcba6.html"><h4>HTML 框架集标签的下一步：在 Web 开发中应用创新技术</h4></a><div class="des"></div></div><div class="imgBox"><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/42.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="HTML 框架集标签的下一步：在 Web 开发中应用创新技术" /></div><div class="articleBottom"><span class="date" style="float: right;">2024-04-02</span></div><div class="clearboth"></div></div></div></div><div class="hotFlag"><h4>热门标签</h4><div class="flagBox"><a title="Linux" href="/tag/Linux/">Linux(148)</a><a title="PHP" href="/tag/PHP/">PHP(127)</a><a title="Java" href="/tag/Java/">Java(102)</a><a title="正则表达式" href="/tag/正则表达式/">正则表达式(101)</a><a title="JavaScript" href="/tag/JavaScript/">JavaScript(69)</a><a title="最佳实践" href="/tag/最佳实践/">最佳实践(67)</a><a title="jQuery" href="/tag/jQuery/">jQuery(44)</a><a title="MySQL" href="/tag/MySQL/">MySQL(39)</a><a title="Docker" href="/tag/Docker/">Docker(37)</a><a title="C语言" href="/tag/C语言/">C语言(36)</a><a title="性能优化" href="/tag/性能优化/">性能优化(34)</a><a title="Python" href="/tag/Python/">Python(34)</a><a title="XML" href="/tag/XML/">XML(28)</a><a title="string" href="/tag/string/">string(27)</a><a title="第三方库" href="/tag/第三方库/">第三方库(23)</a><a title="回调函数" href="/tag/回调函数/">回调函数(23)</a><a title="ZIP" href="/tag/ZIP/">ZIP(22)</a><a title="数组" href="/tag/数组/">数组(22)</a><a title="可扩展性" href="/tag/可扩展性/">可扩展性(22)</a><a title="字符串比较" href="/tag/字符串比较/">字符串比较(21)</a><a title="find" href="/tag/find/">find(20)</a><a title="RPM" href="/tag/RPM/">RPM(20)</a><a title="Go" href="/tag/Go/">Go(20)</a><a title="grep" href="/tag/grep/">grep(19)</a><a title="ASP.NETCore" href="/tag/ASP.NETCore/">ASP.NETCore(19)</a><a title="XML解析器" href="/tag/XML解析器/">XML解析器(19)</a><a title="事件" href="/tag/事件/">事件(19)</a><a title="事件处理程序" href="/tag/事件处理程序/">事件处理程序(19)</a><a title="StringBuilder" href="/tag/StringBuilder/">StringBuilder(18)</a><a title="Nginx" href="/tag/Nginx/">Nginx(18)</a></div></div></div><div class="main_right fr"><div class="artHotSearch"><h4 class="title"><div class="fl"><span class="icon bg_content bg_icon_rs"></span><span class="name">编程热搜</span></div><a href="" class="fr bg_content bg_txt_rsb"></a><div class="clearboth"></div></h4><ul><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="Python 学习之路 - Python" href="https://www.528045.com/article/52df4d95aa.html">Python 学习之路 - Python</a></span></h5><div class="clearboth"></div><div class="des">一、安装Python34Windows在Python官网（https://www.python.org/downloads/）下载安装包并安装。Python的默认安装路径是：C:\Python34配置环境变量：【右键计算机】--》【属性】-</div></div><img class="lazy" data-type="0" data-src="/file/imgs/upload/202301/31/qglhspth11k.jpg" alt="Python 学习之路 - Python" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="chatgpt的中文全称是什么" href="https://www.528045.com/article/6d32547808.html">chatgpt的中文全称是什么</a></span></h5><div class="clearboth"></div><div class="des">chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型，它能够通过学习和理解人类的语言来进行对话，还能根据聊天的上下文进行互动，并协助人类完成一系列</div></div><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/28.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="chatgpt的中文全称是什么" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="C/C++中extern函数使用详解" href="https://www.528045.com/article/9733fb00d0.html">C/C++中extern函数使用详解</a></span></h5><div class="clearboth"></div><div class="des"></div></div><img class="lazy" data-type="0" data-src="/file/upload/202211/13/d3kqhimmpgl.jpg" alt="C/C++中extern函数使用详解" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="C/C++可变参数的使用" href="https://www.528045.com/article/773997944a.html">C/C++可变参数的使用</a></span></h5><div class="clearboth"></div><div class="des">可变参数的使用方法远远不止以下几种，不过在C,C++中使用可变参数时要小心，在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少，否则会产生访问越界，运气不好的话还会导致程序崩溃</div></div><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/1.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="C/C++可变参数的使用" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="css样式文件该放在哪里" href="https://www.528045.com/article/617e4312cb.html">css样式文件该放在哪里</a></span></h5><div class="clearboth"></div><div class="des"></div></div><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/2.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="css样式文件该放在哪里" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="php中数组下标必须是连续的吗" href="https://www.528045.com/article/21ee165f7c.html">php中数组下标必须是连续的吗</a></span></h5><div class="clearboth"></div><div class="des"></div></div><img class="lazy" data-type="0" data-src="/upload/jz5euwde0tq.jpg" alt="php中数组下标必须是连续的吗" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="Python 3 教程" href="https://www.528045.com/article/01a1d65257.html">Python 3 教程</a></span></h5><div class="clearboth"></div><div class="des">Python 3 教程 Python 的 3.0 版本，常被称为 Python 3000，或简称 Py3k。相对于 Python 的早期版本，这是一个较大的升级。为了不带入过多的累赘，Python 3.0 在设计的时候没有考虑向下兼容。 Python</div></div><img class="lazy" data-type="0" data-src="/upload/202205/01/jneowzxxjtt.jpg" alt="Python 3 教程" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="Python pip包管理" href="https://www.528045.com/article/ab7f357e04.html">Python pip包管理</a></span></h5><div class="clearboth"></div><div class="des">一、前言 在Python中， 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具： easy_install 和 pip ， 目前官方推荐使用 pip。 </div></div><img class="lazy" data-type="0" data-src="/file/imgs/upload/202301/31/qn4pmgvm0lq.jpg" alt="Python pip包管理" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="ubuntu如何重新编译内核" href="https://www.528045.com/article/a65a3a171f.html">ubuntu如何重新编译内核</a></span></h5><div class="clearboth"></div><div class="des"></div></div><img class="lazy" data-type="0" data-src="/file/uploads/202210/26/1sph0pw5wqc.jpg" alt="ubuntu如何重新编译内核" /><div class="clearboth"></div></li><li class="rslist clearfix"><div class="rslist_left fl"><h5><span class="fl name"><a title="改善Java代码之慎用java动态编译" href="https://www.528045.com/article/d085d3bcbe.html">改善Java代码之慎用java动态编译</a></span></h5><div class="clearboth"></div><div class="des"></div></div><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/2.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="改善Java代码之慎用java动态编译" /><div class="clearboth"></div></li></ul><div class="seeMore"><a href="https://www.528045.com/article/program-c4-1.html">查看更多</a></div></div><div class="artSubmit"><h4 class="title"><div class="fl"><span class="icon bg_content bg_icon_yktg"></span><span class="name">编程资源站</span></div><div class="clearboth"></div></h4><ul class="submitNav clearfix"><li class="active first">资料下载</li><li>历年试题</li></ul><div class="submitBox active"><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021年下半年软考高级信息系统项目管理师高频考点" href="https://www.528045.com/down/89bb6.html">2021年下半年软考高级信息系统项目管理师高频考点</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021下半年软考高级信息系统技术知识点记忆口诀" href="https://www.528045.com/down/7d690.html">2021下半年软考高级信息系统技术知识点记忆口诀</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021下半年软考《信息系统项目管理师》考试真题及答案" href="https://www.528045.com/down/4277a.html">2021下半年软考《信息系统项目管理师》考试真题及答案</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021下半年软考高级考试备考攻略" href="https://www.528045.com/down/9248a.html">2021下半年软考高级考试备考攻略</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021年软考高级《信息系统项目管理师》巩固练习题汇总" href="https://www.528045.com/down/fcca0.html">2021年软考高级《信息系统项目管理师》巩固练习题汇总</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021下半年软考高级信息系统项目管理师30个易考知识点汇总" href="https://www.528045.com/down/7636b.html">2021下半年软考高级信息系统项目管理师30个易考知识点汇总</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021下半年软考高级知识点这样记，还担心记不住吗" href="https://www.528045.com/down/76382.html">2021下半年软考高级知识点这样记，还担心记不住吗</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021年下半年软考高级考试重点汇总" href="https://www.528045.com/down/15f44.html">2021年下半年软考高级考试重点汇总</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021下半年软考高级信息系统项目管理师计算公式汇总" href="https://www.528045.com/down/2d560.html">2021下半年软考高级信息系统项目管理师计算公式汇总</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2021年下半年软考高级《信息系统项目管理师》模拟试题" href="https://www.528045.com/down/c0085.html">2021年下半年软考高级《信息系统项目管理师》模拟试题</a><span class="hot"><a href="https://www.528045.com/down/ziliao-c69-1.html">精选资料</a></span></h5></div><div class="seeMore"><a href="/down/">查看更多</a></div></div><div class="submitBox"><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="信息系统项目管理师选择题每日一练（2024）" href="https://www.528045.com/article/6d5f303202.html">信息系统项目管理师选择题每日一练（2024）</a><span class="hot"><a href="https://www.528045.com/article/lnst-c57-1.html">历年试题</a></span></h5></div><div class="submitItem"><span class="turn"></span><h5 class="title"><a title="2023年下半年信息系统项目管理师综合知识真题演练" href="https://www.528045.com/article/f2da969d4f.html">2023年下半年信息系统项目管理师综合知识真题演练</a><span class="hot"><a href="https://www.528045.com/article/lnst-c57-1.html">历年试题</a></span></h5></div><div class="seeMore"><a href="https://www.528045.com/article/lnst-c57-1.html">查看更多</a></div></div></div><div class="meumfie"><h4 class="title"><div class="fl"><span class="icon bg_content bg_icon_ykzl"></span><span class="name">目录</span></div><div class="clearboth"></div></h4><div class="toc"></div></div></div><div class="clearboth"></div></div><script type="text/javascript" src="/skin/static/js/toc.js"></script><div class="popUp popDelay"><div class="maskBg"></div><div class="popCon"><span class="btn btn_close"></span><div class="tip"> 本网页已闲置超过3分钟，按键盘任意键或点击空白处，即可回到网页 </div><div class="delayMain"><div class="delaymain_left"><a href="https://www.528045.com"><img src="https://static.528045.com/skin/content_left.png?imageMogr2/format/webp/blur/1x0/quality/35"></a></div><div class="delaymain_right"><div class="news_title"><span class="fl">最新资讯</span ><a href="/" class="fr">更多</a><div class="clearboth"></div></div><ul></ul></div><div class="clearboth"></div></div><div class="bigshow"><a href="https://www.528045.com"><img src="https://static.528045.com/skin/content_bottom.png?imageMogr2/format/webp/blur/1x0/quality/35"></a></div></div></div><div class="footer"><div class="friendLink"><span class="friendTitle">友情链接</span><a href="https://www.lsjlt.com">编程网</a></div><script type="text/javascript" src="/skin/static/js/footermain.js"></script></div><div class="popCommon"><span class="mask"></span><div class="popCon"></div></div><div class="ajaxrightbtn"><div class="funBtnbox"><div class="rb_fk rb_ty br_bom"><div class="wx_mo1 _mo1"><i class="dtmuban-iconfont icon-fankui2"></i><p>反馈</p></div><a href="javascript:void(0);" onclick="Dsb('urs-form-modalfk');"><div class="_mo2 rb_gradient br_bom"><p>我要<br>反馈</p></div></a></div></div><div class="fbs fbs-gotp back2top" style="display: none;"><div class="rb_top rb_ty br_all"><div class="top_mo1 _mo1 "><i class="dtmuban-iconfont icon-zhiding"></i></div><a href="javascript:void(0);" title="返回顶部"><div class="_mo2 rb_gradient br_all"><p>返回<br>顶部</p></div></a></div></div></div><div id="urs-form-modalfk-bg" class="urs-form-modal-bg" style="display: none;"></div><div id="urs-form-modalfk" class="urs-form-modal" style="display: none;"><div class="urs-form-component plan-get-form-mini js-apply-form clearfix"><div class="urs-component-head"><div class="icon-close" onclick="Dhb('urs-form-modalfk');"><img id="close-btn" src="https://static.528045.com/skin/ic_delete_normal_24px.png"></div><p class="form-title">留言反馈</p><p></p><p class="form-line"></p></div><div class="urs-component-tab"><h5>感谢您的提交，我们服务专员将在<span>30分钟内</span>给您回复</h5><div class="get-plan-form-item"><i class="u-item-icon dtmuban-iconfont icon-fanganguihua"></i><input class="u-input js-apply-phone" type="text" id="titleb" name="titleb" value="我要反馈留言，看到请回复" placeholder="留言标题"><span id="dtitlea"></span></div><div class="get-plan-form-item"><select name="typeidb" id="typeidb" class="u-select"><option value="">请选择类型</option><option value="0">问题反馈</option><option value="1">意见建议</option><option value="2">倒卖举报</option><option value="3">不良信息</option><option value="4">其他</option></select></div><div class="get-plan-form-item"><i class="u-item-icon dtmuban-iconfont icon-yonghu"></i><input class="u-input js-apply-name" type="text" id="truenameb" name="truenameb" placeholder="您的姓名" value=""><span id="dtruenameb"></span></div><div class="get-plan-form-item"><i class="u-item-icon dtmuban-iconfont icon-liuyan"></i><input class="u-input js-apply-phone" type="text" id="emailb" name="emailb" placeholder="您的邮箱" value=""><span id="demailb"></span></div><div class="get-plan-form-item"><i class="u-item-icon dtmuban-iconfont icon-shouji"></i><input class="u-input js-apply-phone" type="text" id="telephoneb" name="telephoneb" placeholder="您的手机" value=""><span id="dtelephoneb"></span></div><div class="get-plan-form-item"><i class="u-item-icon dtmuban-iconfont icon-liuyan2"></i><textarea class="u-textarea js-apply-content" id="contentb" name="contentb" placeholder="留言说明，文字为2-100字" value=""></textarea><span id="dcontentb"></span></div><button type="submit" name="submit" class="btn btn-red" onclick="checkaguestbook();">立即提交</button></div></div></div><style> .drop_more li{ list-style: none;} </style><script type="text/javascript" src="/file/script/config.js"></script><script type="text/javascript" src="/file/script/common.js"></script><script type="text/javascript" src="/skin/static/js/commonpop.js"></script><script type="text/javascript" src="/skin/static/js/header.js"></script><script type="text/javascript" src="/skin/static/js/footer.js"></script><script type="text/javascript" src="/skin/static/js/listconcommon.js"></script><script src="/skin/static/layui/layui.js" type="text/javascript"></script><script src="/skin/static/js/custom-script.js" type="text/javascript"></script><script src="/skin/static/js/indexsms.js?v=20240108.1443"></script><script type="text/javascript"> $(function(){ var destoon_userid = 0,destoon_username = '',destoon_member = destoon_guest = ''; destoon_guest = '<div class="login-li"><a href="javascript:void(0);" lay-on="showLoginPopup" class="a_on_dl" id="dn-login">请登录</a></div><div class="login-li"><a href="javascript:void(0);" lay-on="showLoginPopup" class="a_to">免费注册</a></div>'; destoon_member += destoon_guest; $('#m52_member').html(destoon_member); }); </script></body></html><script type="text/javascript" src="/skin/static/js/contentie.js"></script>
