点亮网页：使用框架标签增强交互性

2024-02-29 17:28

短信预约 -IT技能 免费直播动态提醒

框架标签简介

框架标签（）用于在一个网页中嵌入另一个网页或文档。它提供了一种创建灵活且模块化的布局的方法，使您可以在单个窗口中显示多个内容来源。框架标签通过指定目标文档的URL、名称和尺寸来创建嵌套的窗口。</p> <p><strong>使用方法</strong></p> <p>使用框架标签非常简单。以下是基本的语法：</p> <pre class="line-numbers"><code class="language-php"><code class="language-html"><iframe class="lazy" data-src="target_url" name="frame_name" height="height_in_pixels" width="width_in_pixels"></iframe></code></code></pre> <ul> <li><strong>class="lazy" data-src：</strong>指定嵌入文档的URL。</li> <li><strong>name：</strong>为框架分配一个唯一的名称。</li> <li><strong>height：</strong>指定框架的高度（以像素为单位）。</li> <li><strong>width：</strong>指定框架的宽度（以像素为单位）。</li> </ul> <p><strong>用例</strong></p> <p>框架标签在各种情况下都非常有用，例如：</p> <ul> <li><strong>创建可滚动的区域：</strong>使用框架标签可以创建网页上的可滚动手风琴或抽屉，而不会影响整体布局。</li> <li><strong>嵌入视频或交互式内容：</strong>框架标签可以轻松嵌入视频、地图和其他交互式元素，让您创建引人入胜且信息丰富的网页。</li> <li><strong>构建响应式布局：</strong>框架标签使您可以创建响应式布局，根据用户的屏幕尺寸调整内容。</li> </ul> <p><strong>提示</strong></p> <ul> <li><strong>考虑可访问性：</strong>确保框架内容对所有用户（包括那些使用辅助技术的用户）可访问。</li> <li><strong>使用命名框架：</strong>为框架分配唯一名称可以提高可访问性并简化脚本。</li> <li><strong>设置适当的大小：</strong>根据内容合理调整框架大小，避免滚动条或截断内容。</li> <li><strong>注意加载时间：</strong>外部框架内容的加载时间可能会影响网页的整体加载时间。</li> <li><strong>使用跨域属性：</strong>在嵌入来自不同来源的内容时，请使用“crossorigin”属性指定适当的 CORS 策略。</li> </ul> <p><strong>示例</strong></p> <p>以下示例展示了一个使用框架标签创建可滚动手风琴的代码：</p> <pre class="line-numbers"><code class="language-php"><code class="language-html"><div class="accordion"> <div class="accordion-item"> <a href="#panel1" class="accordion-toggle">Section 1</a> <div class="accordion-panel" id="panel1"> <iframe class="lazy" data-src="section1.html" height="300px" width="100%"></iframe> </div> </div> <div class="accordion-item"> <a href="#panel2" class="accordion-toggle">Section 2</a> <div class="accordion-panel" id="panel2"> <iframe class="lazy" data-src="section2.html" height="300px" width="100%"></iframe> </div> </div> </div></code></code></pre> <p>在这个示例中，框架标签用于在可滚动的手风琴中嵌入两个不同的HTML页面（section1.html和section2.html）。</p> <p><strong>结论</strong></p> <p>框架标签在增强网页交互性和创建动态且引人入胜的体验方面发挥着至关重要的作用。通过了解其功能和正确的用法，您可以利用框架标签创建满足用户需求且在各种设备上高效运行的交互式网页。</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></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>点亮网页：使用框架标签增强交互性</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/50d6feb199.html" title="江西软考成绩查询入口官网2024下半年江西软考成绩查询">江西软考成绩查询入口官网2024下半年江西软考成绩查询</a></li><li class="last"><a href="https://www.528045.com/article/24ad254b81.html" title="软考中项成绩多久可查？2024下半年软考中项成绩查询时间">软考中项成绩多久可查？2024下半年软考中项成绩查询时间</a></li><li><a href="https://www.528045.com/article/ae7b734131.html" title="软考初级多少分有证书？低于45分能拿证吗？">软考初级多少分有证书？低于45分能拿证吗？</a></li><li class="last"><a href="https://www.528045.com/article/86c9612db5.html" title="软考高级多少分有证书？低于45分能拿证吗？">软考高级多少分有证书？低于45分能拿证吗？</a></li><li><a href="https://www.528045.com/article/8f145333c0.html" title="软考多少分有证书？低于45分能拿证吗？">软考多少分有证书？低于45分能拿证吗？</a></li><li class="last"><a href="https://www.528045.com/article/cd0e7e3f06.html" title="网络管理员成绩多久可查？2024下半年网络管理员成绩查询时间">网络管理员成绩多久可查？2024下半年网络管理员成绩查询时间</a></li><li><a href="https://www.528045.com/article/bf628f87ae.html" title="倒计时4天！软考机考这些应试技巧，用好能省不少时间！">倒计时4天！软考机考这些应试技巧，用好能省不少时间！</a></li><li class="last"><a href="https://www.528045.com/article/9cdd433543.html" title="2025年北京软考中级科目有哪些">2025年北京软考中级科目有哪些</a></li><li><a href="https://www.528045.com/article/f9d1aae29a.html" title="信息系统运行管理员成绩多久可查？2024下半年">信息系统运行管理员成绩多久可查？2024下半年</a></li><li class="last"><a href="https://www.528045.com/article/60c3128e18.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="点亮网页：使用框架标签增强交互性" href="/article/3108c8a467.html"><h4>点亮网页：使用框架标签增强交互性</h4></a><div class="des">在数字时代，互动式网页已成为参与用户并提升用户体验的关键。框架标签提供了一种强大的工具，可通过构建灵活且结构化的布局来增强网页的交互性。本文将深入探讨框架标签，演示其使用方法，并提供有用的提示，帮助您创建具有吸引力和动态的网页。</div></div><div class="imgBox"><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/20.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="点亮网页：使用框架标签增强交互性" /></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="活用 HTML Script 标签：增强网站功能和交互性" href="/article/d624bd20f7.html"><h4>活用 HTML Script 标签：增强网站功能和交互性</h4></a><div class="des">活用利于增强交互性的标签</div></div><div class="imgBox"><img class="lazy" data-type="0" data-src="https://static.528045.com/imgs/55.jpg?imageMogr2/format/webp/blur/1x0/quality/35" alt="活用 HTML Script 标签：增强网站功能和交互性" /></div><div class="articleBottom"><span class="date" style="float: right;">2024-02-17</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/26.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/3.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/20.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/57.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>