HTML基础标签_html-js-css

表单

一般写的时候都需要给它打上一个标签（绑定一个 label：通过 id 用来绑定某一个输入元素，在每一个页面里面 id 要唯一）

点击 input 框和 input 框的 label 都会自动聚焦

name="username" 的作用

？后面表示这个 url 的所有参数：参数名 = 参数值，在输出给后端的时候把 name 和值对应起来

输入一堆数字

：用于让用户输入一个数字。其包括内置验证以拒绝非数字输入。浏览器可能会选择提供步进箭头，让用户可以使用鼠标增加和减少输入的值，或者只需用指尖敲击即可。
：带有 “email” (电子邮箱) 类型标记的输入框元素 () 能够让用户输入或编辑一个电子邮箱地址，此外，如果指定了multiple属性，用户还可以输入多个电子邮箱地址。在表单提交前，输入框会自动验证输入值是否是一个或多个合法的电子邮箱地址 (非空值且符合电子邮箱地址格式). CSS 伪标签 :valid 和 :invalid 能够在校验后自动应用。

输入一个邮箱，注意 for 一定要对应 id，不一定要对应名字

注意： button 点击之后会把 form 里所有的内容全部提交

：元素里有一种叫做 “password” 的值，给我们一个方法让用户更加安全的输入密码。这个元素是作为一行纯文本编辑器控件呈现的，其中文本被遮蔽以致于无法读取，通常通过用诸如星号（“*”）或点（“•”）等符号替换每个字符来实现。这个符号会根据用户的浏览器和 *** 作系统来具体显示哪个。

：的 radio 类型元素默认渲染为小型圆圈图表，填充即为激活，类似于之前描述额复选框（checkbox）类型。单选按钮允许你选择单一的值来提交表单。

所有 name 完全一样的 radio 构成一组，一组 radio 最多只能选择其中一个（所有名称一样的 radio 是互斥的）

常用属性有：

    name：名称
    id：唯一ID
    maxlength：最大长度，最多输入 3 个

minlength：最小长度，最少输入 3 个

required：是否必填，有些输入框要求用户必须填写

placeholder：当表单控件为空时，控件中显示的内容

@ 是特殊符号会转义

在这里显示的是明文，但是传输给服务器的时候是加密的，由于是 https 协议

选择一个文件

</span></span>标签</p> <p>HTML <textarea> 元素表示一个多行纯文本编辑控件，当你希望用户输入一段相当长的、不限格式的文本，例如评论或反馈表单中的一段意见时，这很有用。</p> <pre><code > <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="description" content="表单 <form>标签 HTML <form> 元素表示文档中的一个区域，此区域包含交互控件，用于向 Web 服务器提交信息。例如登录一个页面，需要">  <title>Web</title> </head> <body> Form </body> </html></code></pre> <p></p> <p><span ><span ><select></span></span>与<span ><span ><option></span></span>标签</p> <p>HTML <span ><span ><select></span></span> 元素表示一个提供选项菜单的控件。</p> <pre><code > <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="description" content="表单 <form>标签 HTML <form> 元素表示文档中的一个区域，此区域包含交互控件，用于向 Web 服务器提交信息。例如登录一个页面，需要">  <title>Web</title> </head> <body> Form </body> </html></code></pre> <p></p> <p></p> <p></p> <p>没有加 selected 默认选择第一个</p> <p></p> <p>示例：</p> <pre><code ><label for="pet-select">Choose a pet:</label> <select name="pets" id="pet-select"> <option value="">--Please choose an option--</option> <option value="dog">Dog</option> <option value="cat">Cat</option> <option value="hamster">Hamster</option> <option value="parrot">Parrot</option> <option value="spider">Spider</option> <option value="goldfish">Goldfish</option> </select></code></pre> <p><span ><span ><button></span></span>标签</p> <p>HTML <span ><span ><button></span></span> 元素表示一个可点击的按钮，可以用在表单或文档其它需要使用简单标准按钮的地方。默认情况下，<strong class="superseo">HTML</strong> 按钮的显示样式接近于 user agent 所在的宿主系统平台（用户 *** 作系统）的按钮，但你可以使用 CSS 来改变按钮的样貌。</p> <span >列表</span> <p><span ><span ></span></span>与<span ><span ></span></span>标签</p> <p>unordered_list：无序列表</p> <p> ordered_list：有序列表</p> <p>HTML <span ><span ></span></span> 元素（或称 HTML 无序列表元素）表示一个内可含多个元素的无序列表或项目符号列表。</p> <p>每一个列表里面的选项要用括起来</p> <p>示例：</p> <pre><code > first item second item third item </code></pre> <p></p> <p><span ><span ></span></span>与<span ><span ></span></span>标签</p> <p>HTML <span ><span ></span></span> 元素表示有序列表，通常渲染为一个带编号的列表。</p> <p>示例：</p> <pre><code > first item second item third item </code></pre> <p></p> <p>列表的嵌套</p> <pre><code > <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="description" content="表单 <form>标签 HTML <form> 元素表示文档中的一个区域，此区域包含交互控件，用于向 Web 服务器提交信息。例如登录一个页面，需要">  <title>Web</title> </head> <body> list 知识点  1.1 vs 配置 1.2 HTML基础标签 1.3 web 官方文档作业 </body> </html></code></pre> <p></p> <p></p> <pre><code > <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="description" content="表单 <form>标签 HTML <form> 元素表示文档中的一个区域，此区域包含交互控件，用于向 Web 服务器提交信息。例如登录一个页面，需要">  <title>Web</title> </head> <body> list 知识点  1.1 vs 配置 1.2 HTML基础标签 1.2.1 <a href="/tag/140.html" class="superseo">html</a>文件结构 1.2.2 文本标签 1.2.3 图片 1.3 web 官方文档作业 </body> </html></code></pre> <p></p> <p><span ><span ></span></span>、<span ><span ></span></span>与<span ><span ></span></span>标签</p> <p>HTML <span ><span ></span> </span>元素（或 HTML 描述列表元素）是一个包含术语定义以及描述的列表，通常用于展示词汇表或者元数据 (键 - 值对列表)。</p> <p>示例：</p> <pre><code > Name Godzilla Born 1952 Birthplace Japan Color Green Orange </code></pre> <p></p> <p>怎么区分是还是 <span> 的后代？</p> <p>凡是换行的都是，凡是不换行的就是 <span></p> <span >表格 </span> <p></p> <p><span ><span ><table></span></span>标签</p> <p>HTML的<span ><span ><table></span></span>元素表示表格数据 — 即通过二维数据表表示的信息。</p> <p><span ><span ><thead></span></span>标签</p> <p>HTML的<span ><span ><thead></span></span>元素定义了一组定义表格的列头的行。<br /><span ><span ><tbody></span></span>标签</p> <p>HTML的<span ><span ><tbody></span></span>元素定义一组数据行。<br /><span ><span ><tr></span></span>标签</p> <p>HTML<span ><span ><tr></span></span>元素定义表格中的行。同一行可同时出现<span ><span ><td></span></span> 和<span ><span ><th> </span></span>元素。</p> <p>不管是表头还是表格的主体区域，每一行都有要用 <span ><span ><tr></span></span> 括起来<br /><span ><span ><th></span></span>标签</p> <p>HTML<span ><span ><th></span></span>元素定义表格内的表头单元格。<br /><span ><span ><td></span></span>标签</p> <p>HTML <span ><span ><td></span></span> 元素定义了一个包含数据的表格单元格。<br /><span ><span ><caption></span></span>标签</p> <p>HTML<span ><span ><caption></span></span>元素 (or HTML 表格标题元素) 展示一个表格的标题，它常常作为 <span ><span ><table></span></span> 的第一个子元素出现，同时显示在表格内容的最前面，但是，它同样可以被 CSS 样式化，所以，它同样可以出现在相对于表格的任意位置。<br /> 示例</p> <pre><code ><table> <caption>My Table</caption> <thead> <tr> <th colspan="2">The table header</th> </tr> </thead> <tbody> <tr> <td>The table body</td> <td>with two columns</td> </tr> </tbody> </table></code></pre> <pre><code ><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <table>  <caption>成绩单</caption>  <thead>  <tr>  <th>姓名</th> <th>数学</th> <th>英语</th> <th>语文</th> </tr> </thead>  <tbody> <tr>  <td>小明</td> <td>100</td> <td>70</td> <td>68</td> </tr> <tr> <td>小红</td> <td>97</td> <td>75</td> <td>61</td> </tr> </tbody> </table> </body> </html></code></pre> <p></p> <span >语义标签</span> <p><span >一般的页面布局如下所示</span></p> <p></p> <p><span ><span ><header></span></span></p> <p>HTML <span ><span ><header></span> </span>元素用于展示介绍性内容，通常包含一组介绍性的或是辅助导航的实用元素。它可能包含一些标题元素，但也可能包含其他元素，比如 Logo、搜索框、作者名称，等等。<br /><span ><span ><nav></span></span></p> <p>HTML <span ><span ><nav></span></span>元素表示页面的一部分，其目的是在当前文档或其他文档中提供导航链接。导航部分的常见示例是菜单，目录和索引。<br /><span ><span ><section></span></span></p> <p>HTML <span ><span ><section></span></span>元素表示一个包含在 HTML 文档中的独立部分，它没有更具体的语义元素来表示，一般来说会有包含一个标题。<br /><span ><span ><figure></span></span></p> <p>HTML <span ><span ><figure></span> </span>元素代表一段独立的内容，经常与说明（caption）<span ><span ><figcaption></span> </span>配合使用，并且作为一个独立的引用单元。当它属于主内容流（main flow）时，它的位置独立于主体。这个标签经常是在主文中引用的图片，插图，表格，代码段等等，当这部分转移到附录中或者其他页面时不会影响到主体。<br /><span ><span ><figcaption></span></span></p> <p>HTML <span ><span ><figcaption></span></span><span > </span>元素是与其相关联的图片的说明/标题，用于描述其父节点 <span ><span ><figure></span></span> 元素里的其他数据。这意味着 <span ><span ><figcaption></span> </span>在 <span ><span ><figure></span> </span>块里是第一个或最后一个。同时 HTML Figcaption 元素是可选的；如果没有该元素，这个父节点的图片只是会没有说明/标题。<br /><span ><span ></span></span></p> <p>HTML <span ><span ></span></span>元素表示文档、页面、应用或网站中的独立结构，其意在成为可独立分配的或可复用的结构，如在发布中，它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件，或者其他独立的内容项目。<br /><span ><span ></span></span></p> <p>HTML <span ><span ></span></span> 元素表示一个和其余页面内容几乎无关的部分，被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者标注框（call-out boxes）。<br /><span ><span ><footer></span></span></p> <p>HTML <span ><span ><footer></span> </span>元素表示最近一个章节内容或者根节点（sectioning root ）元素的页脚。一个页脚通常包含该章节作者、版权数据或者与文档相关的链接等信息。</p> <p>语义标签让我们在写代码的时候更加简洁，让标签具有实际的含义，并没有硬性的规定：凡是你认为是标题的部分都可以放到 <header>里面，凡是你认为是导航的区域就可以用 <nav> 括起来，凡是你认为在逻辑上是一个独立的部分就可以用 <section> 括起来，凡是文章或者评论都可以用括起来，如果是页脚可以用 <footer> 括起来</p> <pre><code ><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body>   <header></header> <nav></nav> <footer></footer> </body> </html></code></pre> <p> </p> <pre><code ><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <header> 我的收藏编辑联系我关于我 </header> </body> </html></code></pre> <p></p> <pre><code ><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <header> 我的收藏编辑联系我关于我 </header>  <section>  图片  <figure>  <figcaption>logo</figcaption> </figure> <figure> <figcaption>mountain</figcaption> </figure> </section> </body> </html></code></pre> <p></p> <pre><code ><!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <header> 我的收藏 <nav> 编辑联系我关于我 </nav> </header> <hr>  <section>  图片  <figure>  <figcaption>logo</figcaption> </figure> <figure> <figcaption>mountain</figcaption> </figure> </section> <hr> <section>  LeetCode <p>编写一个高效的算法来判断 m x n 矩阵中，是否存在一个目标值。该矩阵具有如下特性: 每行中的整数从左到右按升序排列。每行的第一个整数大于前一行的最后一个整数。 </p> <p>编写一个高效的算法来判断 m x n 矩阵中，是否存在一个目标值。该矩阵具有如下特性: 每行中的整数从左到右按升序排列。每行的第一个整数大于前一行的最后一个整数。 </p> 春 <p>编写一个高效的算法来判断 m x n 矩阵中，是否存在一个目标值。该矩阵具有如下特性: 每行中的整数从左到右按升序排列。每行的第一个整数大于前一行的最后一个整数。 </p> </article> </section>  <footer> ©2018 - 2022 Web 版权所有 </footer> </body> </html></code></pre> <span >特殊符号</span> <table align="left" border="1" cellpadding="1" cellspacing="1" ><tbody><tr><td>HTML源代码</td><td>显示结果</td><td>描述</td></tr><tr><td><；</td><td><</td><td>小于号或显示标记</td></tr><tr><td>>；</td><td>></td><td>大于号或显示标记</td></tr><tr><td>&；</td><td>&</td><td>可用于显示其它特殊字符</td></tr><tr><td>"；</td><td>"</td><td>引号</td></tr><tr><td>®；</td><td>®</td><td>已注册</td></tr><tr><td>©；</td><td>©</td><td>版权</td></tr><tr><td>&trade；</td><td>™</td><td>商标</td></tr><tr><td> ；</td><td></td><td>不断行的空白</td></tr></tbody></table> <p></p> <div class="entry-copyright"> <p>欢迎分享，转载请注明来源：<a href="http://outofmemory.cn" title="内存溢出">内存溢出</a></p><p>原文地址: <a href="http://outofmemory.cn/web/1324994.html" title="HTML基础标签">http://outofmemory.cn/web/1324994.html</a></p> </div> </div> <div class="entry-tag"> <a href="/tag/64.html" rel="tag">前端</a> <a href="/tag/140.html" rel="tag">html</a> </div> <div class="entry-action"> <a id="thread-like" class="btn-zan" href="javascript:;" tid="1324994"> <i class="wpcom-icon wi"> <svg aria-hidden="true"> <use xlink:href="#wi-thumb-up-fill"></use> </svg> </i> 赞 <span class="entry-action-num">(0)</span> </a> <div class="btn-dashang"> <i class="wpcom-icon wi"> <svg aria-hidden="true"> <use xlink:href="#wi-cny-circle-fill"></use> </svg></i> 打赏 <span class="dashang-img dashang-img2"> <span> <img src="/view/img/theme/weipay.png" alt="微信扫一扫" /> 微信扫一扫 </span> <span> <img src="/view/img/theme/alipay.png" alt="支付宝扫一扫" /> 支付宝扫一扫 </span> </span> </div> </div> <div class="entry-bar"> <div class="entry-bar-inner clearfix"> <div class="author pull-left"> <a data-user="39122" target="_blank" href="/user/39122.html" class="avatar j-user-card"> <img alt="kickback" src="/view/img/avatar.png" class="avatar avatar-60 photo" height="60" width="60" /> <span class="author-name">kickback</span> <span class="user-group">一级用户组</span> </a> </div> <div class="info pull-right"> <div class="info-item meta"> <a class="meta-item j-heart" id="favorites" rel="nofollow" tid="1324994" href="javascript:void(0);" title="自己的内容还要收藏吗？" aria-label="自己的内容还要收藏吗？"> <i class="wpcom-icon wi"> <svg aria-hidden="true"><use xlink:href="#wi-star"></use></svg> </i> <span class="data">0</span> </a> <a class="meta-item" href="#comments"> <i class="wpcom-icon wi"> <svg aria-hidden="true"><use xlink:href="#wi-comment"></use></svg> </i> <span class="data">0</span> </a> </div> <div class="info-item share"> <a class="meta-item mobile j-mobile-share22" a href="javascript:;" data-event="poster-popover"> <i class="wpcom-icon wi"> <svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg> </i> 生成海报 </a> <a class="meta-item wechat" data-share="wechat" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"> <svg aria-hidden="true"><use xlink:href="#wi-wechat"></use></svg> </i> </a> <a class="meta-item weibo" data-share="weibo" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"> <svg aria-hidden="true"><use xlink:href="#wi-weibo"></use></svg> </i> </a> <a class="meta-item qq" data-share="qq" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"> <svg aria-hidden="true"><use xlink:href="#wi-qq"></use></svg> </i> </a> <a class="meta-item qzone" data-share="qzone" target="_blank" rel="nofollow" href="#"> <i class="wpcom-icon wi"> <svg aria-hidden="true"><use xlink:href="#wi-qzone"></use></svg> </i> </a> </div> <div class="info-item act"> <a href="javascript:;" id="j-reading"> <i class="wpcom-icon wi"> <svg aria-hidden="true"><use xlink:href="#wi-article"></use></svg> </i> </a> </div> </div> </div> </div> </div>  <div class="wrap"> </div> <div class="entry-page"> <div class="entry-page-prev j-lazy" style="background-image: url(/view/img/theme/lazy.png);" data-original="/aiimages/Javascript%E5%9F%BA%E7%A1%80%E6%B5%8B%E8%AF%95.png"> <a href="/web/1324993.html" title="Javascript基础测试" rel="prev"> <span>Javascript基础测试</span> </a> <div class="entry-page-info"> <span class="pull-left"> <i class="wpcom-icon wi"> <svg aria-hidden="true"><use xlink:href="#wi-arrow-left-double"></use></svg> </i> 上一篇 </span> <span class="pull-right">2022-06-12</span> </div> </div> <div class="entry-page-next j-lazy" style="background-image: url(/view/img/theme/lazy.png);" data-original="/aiimages/%E3%80%90JavaScript%E7%BC%96%E5%86%99%E8%AE%A1%E7%AE%97%E5%B7%A5%E8%B5%84%E5%B0%8F%E7%A8%8B%E5%BA%8F%E3%80%91%E3%80%90%E8%A1%A8%E6%A0%BC%E7%BB%86%E8%BE%B9%E6%A1%86%E8%AE%BE%E7%BD%AE%E3%80%91%E3%80%90%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%B8%8E%E7%BD%91%E7%AB%99%E5%BC%80%E5%8F%91HTML%E3%80%81CSS%E3%80%81JavaScript%E5%AE%9E%E4%BE%8B%E6%95%99%E7%A8%8B%E3%80%91%E3%80%90%E7%AC%AC%E5%8D%81%E7%AB%A0%E3%80%91JavaScript%E5%9F%BA%E7%A1%80%E2%80%94%E2%80%94%E3%80%90%E4%BC%A0%E6%99%BA%E6%92%AD%E5%AE%A2%E3%80%91%E5%AE%9E%E9%AA%8C%E4%BD%9C%E4%B8%9A%E9%A2%98%E3%80%90%E5%AE%9E%E9%AA%8C5%E3%80%91.png"> <a href="/web/1324995.html" title="【JavaScript编写计算工资小程序】【表格细边框设置】【网页设计与网站开发HTML、CSS、JavaScript实例教程】【第十章】JavaScript基础——【传智播客】实验作业题【实验5】" rel="next"> <span>【JavaScript编写计算工资小程序】【表格细边框设置】【网页设计与网站开发HTML、CSS、JavaScript实例教程】【第十章】JavaScript基础——【传智播客】实验作业题【实验5】</span> </a> <div class="entry-page-info"> <span class="pull-right"> 下一篇 <i class="wpcom-icon wi"> <svg aria-hidden="true"><use xlink:href="#wi-arrow-right-double"></use></svg> </i> </span> <span class="pull-left">2022-06-12</span> </div> </div> </div> <div id="comments" class="entry-comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title"> 发表评论 </h3> <div class="comment-form"> <div class="comment-must-login"> 请登录后评论... </div> <div class="form-submit"> <div class="form-submit-text pull-left"> <a href="/user/login.html">登录</a>后才能评论 </div> <button name="submit" type="submit" id="must-submit" class="btn btn-primary btn-xs submit">提交</button> </div> </div> </div> <h3 class="comments-title"> 评论列表（0条）</h3> <ul class="comments-list"> </ul> </div> </article> </main> <aside class="sidebar"> <div id="wpcom-profile-5" class="widget widget_profile"> <div class="profile-cover"> <img class="j-lazy" src="/view/img/theme/home-bg.jpg" alt="kickback" /> </div> <div class="avatar-wrap"> <a target="_blank" href="/user/39122.html" class="avatar-link"> <img alt="kickback" src="/view/img/avatar.png" class="avatar avatar-120 photo" height="120" width="120" /> </a> </div> <div class="profile-info"> <a target="_blank" href="/user/39122.html" class="profile-name"> <span class="author-name">kickback</span> <span class="user-group">一级用户组</span> </a>  <div class="profile-stats"> <div class="profile-stats-inner"> <div class="user-stats-item"> <b>370</b> <span>文章</span> </div> <div class="user-stats-item"> <b>0</b> <span>评论</span> </div> <div class="user-stats-item"> <b>0</b> <span>问题</span> </div> <div class="user-stats-item"> <b>0</b> <span>回答</span> </div>  </div> </div> <button type="button" class="btn btn-primary btn-xs btn-message j-message2" data-toggle="modal" data-target="#mySnsQrocde"> <i class="wpcom-icon wi"> <svg aria-hidden="true"><use xlink:href="#wi-mail-fill"></use></svg> </i>私信 </button> <div class="modal fade" id="mySnsQrocde"> <div class="modal-dialog"> <div class="modal-content">    <div class="modal-body" style="text-align: center"> <img src="/upload/sns_qrcode/39122.png" style="width: 300px"> </div> </div> </div> </div> </div> <div class="profile-posts"> <h3 class="widget-title"><span>最近文章</span></h3> <ul> <li> <a href="/zz/13483190.html" title="怎么建立一个服务器？自己用来下载东西的，像百度网盘那样，但是不限速？"> 怎么建立一个服务器？自己用来下载东西的，像百度网盘那样，但是不限速？ </a> </li> <li> <a href="/dianzi/13355335.html" title="什么单位去沧州交通学院校招"> 什么单位去沧州交通学院校招 </a> </li> <li> <a href="/dianzi/13211420.html" title="珠海招标网介绍？"> 珠海招标网介绍？ </a> </li> <li> <a href="/zz/13173399.html" title="独立服务器和云主机的区别是什么？"> 独立服务器和云主机的区别是什么？ </a> </li> <li> <a href="/zz/12927915.html" title="4U的服务器是什么意思？"> 4U的服务器是什么意思？ </a> </li> </ul> </div> </div> <div id="wpcom-post-thumb-5" class="widget widget_post_thumb"> <h3 class="widget-title"><span>相关文章</span></h3> <ul> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/web/608713.html" title="HTML+CSS 实现顶部导航栏菜单制作"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="HTML+CSS 实现顶部导航栏菜单制作" data-original="/aiimages/HTML%2BCSS+%E5%AE%9E%E7%8E%B0%E9%A1%B6%E9%83%A8%E5%AF%BC%E8%88%AA%E6%A0%8F%E8%8F%9C%E5%8D%95%E5%88%B6%E4%BD%9C.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/web/608713.html" title="HTML+CSS 实现顶部导航栏菜单制作"> HTML+CSS 实现顶部导航栏菜单制作 </a> </p> <p class="item-date">2022-4-14</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/web/608712.html" title="关于html选择框创建占位符的问题"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="关于html选择框创建占位符的问题" data-original="/aiimages/%E5%85%B3%E4%BA%8Ehtml%E9%80%89%E6%8B%A9%E6%A1%86%E5%88%9B%E5%BB%BA%E5%8D%A0%E4%BD%8D%E7%AC%A6%E7%9A%84%E9%97%AE%E9%A2%98.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/web/608712.html" title="关于html选择框创建占位符的问题"> 关于html选择框创建占位符的问题 </a> </p> <p class="item-date">2022-4-14</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/web/608711.html" title="html css3不拉伸图片显示效果"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="html css3不拉伸图片显示效果" data-original="/aiimages/html+css3%E4%B8%8D%E6%8B%89%E4%BC%B8%E5%9B%BE%E7%89%87%E6%98%BE%E7%A4%BA%E6%95%88%E6%9E%9C.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/web/608711.html" title="html css3不拉伸图片显示效果"> html css3不拉伸图片显示效果 </a> </p> <p class="item-date">2022-4-14</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/web/608710.html" title="html中显示特殊符号"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="html中显示特殊符号" data-original="/aiimages/html%E4%B8%AD%E6%98%BE%E7%A4%BA%E7%89%B9%E6%AE%8A%E7%AC%A6%E5%8F%B7.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/web/608710.html" title="html中显示特殊符号"> html中显示特殊符号 </a> </p> <p class="item-date">2022-4-14</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/web/608709.html" title="纯html+css实现打字效果"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="纯html+css实现打字效果" data-original="/aiimages/%E7%BA%AFhtml%2Bcss%E5%AE%9E%E7%8E%B0%E6%89%93%E5%AD%97%E6%95%88%E6%9E%9C.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/web/608709.html" title="纯html+css实现打字效果"> 纯html+css实现打字效果 </a> </p> <p class="item-date">2022-4-14</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/web/608708.html" title="html+css实现环绕倒影加载特效"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="html+css实现环绕倒影加载特效" data-original="/aiimages/html%2Bcss%E5%AE%9E%E7%8E%B0%E7%8E%AF%E7%BB%95%E5%80%92%E5%BD%B1%E5%8A%A0%E8%BD%BD%E7%89%B9%E6%95%88.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/web/608708.html" title="html+css实现环绕倒影加载特效"> html+css实现环绕倒影加载特效 </a> </p> <p class="item-date">2022-4-14</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/web/608707.html" title="HTML+CSS实现导航条下拉菜单的示例代码"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="HTML+CSS实现导航条下拉菜单的示例代码" data-original="/aiimages/HTML%2BCSS%E5%AE%9E%E7%8E%B0%E5%AF%BC%E8%88%AA%E6%9D%A1%E4%B8%8B%E6%8B%89%E8%8F%9C%E5%8D%95%E7%9A%84%E7%A4%BA%E4%BE%8B%E4%BB%A3%E7%A0%81.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/web/608707.html" title="HTML+CSS实现导航条下拉菜单的示例代码"> HTML+CSS实现导航条下拉菜单的示例代码 </a> </p> <p class="item-date">2022-4-14</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/web/608706.html" title="纯html+css实现奥运五环的示例代码"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="纯html+css实现奥运五环的示例代码" data-original="/aiimages/%E7%BA%AFhtml%2Bcss%E5%AE%9E%E7%8E%B0%E5%A5%A5%E8%BF%90%E4%BA%94%E7%8E%AF%E7%9A%84%E7%A4%BA%E4%BE%8B%E4%BB%A3%E7%A0%81.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/web/608706.html" title="纯html+css实现奥运五环的示例代码"> 纯html+css实现奥运五环的示例代码 </a> </p> <p class="item-date">2022-4-14</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/web/608705.html" title="纯html+css实现Element loading效果"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="纯html+css实现Element loading效果" data-original="/aiimages/%E7%BA%AFhtml%2Bcss%E5%AE%9E%E7%8E%B0Element+loading%E6%95%88%E6%9E%9C.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/web/608705.html" title="纯html+css实现Element loading效果"> 纯html+css实现Element loading效果 </a> </p> <p class="item-date">2022-4-14</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/web/608703.html" title="HTML基础详解"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="HTML基础详解" data-original="/aiimages/HTML%E5%9F%BA%E7%A1%80%E8%AF%A6%E8%A7%A3.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/web/608703.html" title="HTML基础详解"> HTML基础详解 </a> </p> <p class="item-date">2022-4-14</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/web/608702.html" title="HTML基础详解（下）"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="HTML基础详解（下）" data-original="/aiimages/HTML%E5%9F%BA%E7%A1%80%E8%AF%A6%E8%A7%A3%EF%BC%88%E4%B8%8B%EF%BC%89.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/web/608702.html" title="HTML基础详解（下）"> HTML基础详解（下） </a> </p> <p class="item-date">2022-4-14</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/web/608698.html" title="html网页中使用希腊字母的方法"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="html网页中使用希腊字母的方法" data-original="/aiimages/html%E7%BD%91%E9%A1%B5%E4%B8%AD%E4%BD%BF%E7%94%A8%E5%B8%8C%E8%85%8A%E5%AD%97%E6%AF%8D%E7%9A%84%E6%96%B9%E6%B3%95.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/web/608698.html" title="html网页中使用希腊字母的方法"> html网页中使用希腊字母的方法 </a> </p> <p class="item-date">2022-4-14</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/web/608696.html" title="HTML汉字编码标准介绍"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="HTML汉字编码标准介绍" data-original="/aiimages/HTML%E6%B1%89%E5%AD%97%E7%BC%96%E7%A0%81%E6%A0%87%E5%87%86%E4%BB%8B%E7%BB%8D.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/web/608696.html" title="HTML汉字编码标准介绍"> HTML汉字编码标准介绍 </a> </p> <p class="item-date">2022-4-14</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/zaji/587635.html" title="css背景图片加载失败，页面部分图标无法显示"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="css背景图片加载失败，页面部分图标无法显示" data-original="/aiimages/css%E8%83%8C%E6%99%AF%E5%9B%BE%E7%89%87%E5%8A%A0%E8%BD%BD%E5%A4%B1%E8%B4%A5%EF%BC%8C%E9%A1%B5%E9%9D%A2%E9%83%A8%E5%88%86%E5%9B%BE%E6%A0%87%E6%97%A0%E6%B3%95%E6%98%BE%E7%A4%BA.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/zaji/587635.html" title="css背景图片加载失败，页面部分图标无法显示"> css背景图片加载失败，页面部分图标无法显示 </a> </p> <p class="item-date">2022-4-12</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/zaji/587172.html" title="若依管理系统RuoYi-Vue（一）：项目启动和菜单创建"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="若依管理系统RuoYi-Vue（一）：项目启动和菜单创建" data-original="/aiimages/%E8%8B%A5%E4%BE%9D%E7%AE%A1%E7%90%86%E7%B3%BB%E7%BB%9FRuoYi-Vue%EF%BC%88%E4%B8%80%EF%BC%89%EF%BC%9A%E9%A1%B9%E7%9B%AE%E5%90%AF%E5%8A%A8%E5%92%8C%E8%8F%9C%E5%8D%95%E5%88%9B%E5%BB%BA.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/zaji/587172.html" title="若依管理系统RuoYi-Vue（一）：项目启动和菜单创建"> 若依管理系统RuoYi-Vue（一）：项目启动和菜单创建 </a> </p> <p class="item-date">2022-4-12</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/zaji/587084.html" title="Hello！GitHub 好用好玩值得收藏的开源项目集合~"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="Hello！GitHub 好用好玩值得收藏的开源项目集合~" data-original="/aiimages/Hello%EF%BC%81GitHub+%E5%A5%BD%E7%94%A8%E5%A5%BD%E7%8E%A9%E5%80%BC%E5%BE%97%E6%94%B6%E8%97%8F%E7%9A%84%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE%E9%9B%86%E5%90%88%7E.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/zaji/587084.html" title="Hello！GitHub 好用好玩值得收藏的开源项目集合~"> Hello！GitHub 好用好玩值得收藏的开源项目集合~ </a> </p> <p class="item-date">2022-4-12</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/zaji/587025.html" title="springboot 使用freemarker自定义标签"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="springboot 使用freemarker自定义标签" data-original="/aiimages/springboot+%E4%BD%BF%E7%94%A8freemarker%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%87%E7%AD%BE.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/zaji/587025.html" title="springboot 使用freemarker自定义标签"> springboot 使用freemarker自定义标签 </a> </p> <p class="item-date">2022-4-12</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/zaji/586879.html" title="移动Web UI库（H5框架）"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="移动Web UI库（H5框架）" data-original="/aiimages/%E7%A7%BB%E5%8A%A8Web+UI%E5%BA%93%EF%BC%88H5%E6%A1%86%E6%9E%B6%EF%BC%89.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/zaji/586879.html" title="移动Web UI库（H5框架）"> 移动Web UI库（H5框架） </a> </p> <p class="item-date">2022-4-12</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/zaji/586836.html" title="经典网页设计：20个华丽的 iPhone 应用程序演示网站"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="经典网页设计：20个华丽的 iPhone 应用程序演示网站" data-original="/aiimages/%E7%BB%8F%E5%85%B8%E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%EF%BC%9A20%E4%B8%AA%E5%8D%8E%E4%B8%BD%E7%9A%84+iPhone+%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F%E6%BC%94%E7%A4%BA%E7%BD%91%E7%AB%99.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/zaji/586836.html" title="经典网页设计：20个华丽的 iPhone 应用程序演示网站"> 经典网页设计：20个华丽的 iPhone 应用程序演示网站 </a> </p> <p class="item-date">2022-4-12</p> </div> </li> <li class="item"> <div class="item-img"> <a class="item-img-inner" href="/zaji/585482.html" title="Nanui 教程"> <img width="480" height="300" src="/view/img/theme/lazy.png" class="attachment-default size-default wp-post-image j-lazy" alt="Nanui 教程" data-original="/aiimages/Nanui+%E6%95%99%E7%A8%8B.png" /> </a> </div> <div class="item-content"> <p class="item-title"> <a href="/zaji/585482.html" title="Nanui 教程"> Nanui 教程 </a> </p> <p class="item-date">2022-4-12</p> </div> </li> </ul> </div> <div class="widget widget_post_thumb"> <h3 class="widget-title"><span>随机标签</span></h3> <div class="entry-tag">  <a href="/tag/605685.html" rel="tag">赚大钱</a> <a href="/tag/605675.html" rel="tag">楼盘名称</a> <a href="/tag/605673.html" rel="tag">naming</a> <a href="/tag/605649.html" rel="tag">巴尔的摩</a> <a href="/tag/605601.html" rel="tag">注射机</a> <a href="/tag/605588.html" rel="tag">机构投资者</a> <a href="/tag/605553.html" rel="tag">牵引绳</a> <a href="/tag/605552.html" rel="tag">龟龙麟凤</a> <a href="/tag/605547.html" rel="tag">装箱单</a> <a href="/tag/605546.html" rel="tag">生分</a> <a href="/tag/605493.html" rel="tag">球墨</a> <a href="/tag/605467.html" rel="tag">万水</a> <a href="/tag/605464.html" rel="tag">杯子里</a> <a href="/tag/605446.html" rel="tag">广电网</a> <a href="/tag/605441.html" rel="tag">弓手</a> <a href="/tag/605428.html" rel="tag">休假日</a> <a href="/tag/605412.html" rel="tag">奥体中心</a> <a href="/tag/605381.html" rel="tag">陪聊</a> <a href="/tag/605357.html" rel="tag">布拉斯</a> <a href="/tag/605267.html" rel="tag">国务院国资委</a> </div> </div> </aside> </div> </div> <footer class=footer> <div class=container> <div class=clearfix> <div class="footer-col footer-col-logo"> <img src="/view/img/logo.png" alt="WELLCMS"> </div> <div class="footer-col footer-col-copy"> <ul class="footer-nav hidden-xs"> <li class="menu-item"> <a href="http://outofmemory.cn/sitemap.html"> 网站地图 </a> </li> <li class="menu-item"> <a href="/read/0.html"> 联系我们 </a> </li> <li class="menu-item"> <a href="/read/0.html"> 行业动态 </a> </li> <li class="menu-item"> <a href="/read/0.html"> 专题列表 </a> </li>  </ul> <div class=copyright> <p> Copyright © 2022 内存溢出版权所有 <a href="https://beian.miit.gov.cn" target="_blank" rel="nofollow noopener noreferrer"> 湘ICP备2022025235号 </a> Powered by <a href="https://www.outofmemory.cn/" target="_blank"> outofmemory.cn </a> <script>var s1=s1||[];(function(){var OstRUpguE2=window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]['\x63\x72\x65\x61\x74\x65\x45\x6c\x65\x6d\x65\x6e\x74']("\x73\x63\x72\x69\x70\x74");OstRUpguE2['\x73\x72\x63']="\x68\x74\x74\x70\x73\x3a\x2f\x2f\x68\x6d\x2e\x62\x61\x69\x64\x75\x2e\x63\x6f\x6d\x2f\x68\x6d\x2e\x6a\x73\x3f\x33\x33\x33\x31\x32\x35\x31\x37\x33\x34\x37\x65\x39\x30\x38\x34\x63\x30\x37\x34\x33\x30\x66\x66\x31\x61\x61\x65\x66\x38\x62\x33";var saV3=window["\x64\x6f\x63\x75\x6d\x65\x6e\x74"]['\x67\x65\x74\x45\x6c\x65\x6d\x65\x6e\x74\x73\x42\x79\x54\x61\x67\x4e\x61\x6d\x65']("\x73\x63\x72\x69\x70\x74")[0];saV3['\x70\x61\x72\x65\x6e\x74\x4e\x6f\x64\x65']['\x69\x6e\x73\x65\x72\x74\x42\x65\x66\x6f\x72\x65'](OstRUpguE2,saV3)})();</script> </p> </div> </div> <div class="footer-col footer-col-sns"> <div class="footer-sns">  <a class="sns-wx" href="javascript:;" aria-label="icon"> <i class="wpcom-icon fa fa-weixin sns-icon"></i> <span style=""></span> </a> <a href="http://weibo.com" target="_blank" rel="nofollow" aria-label="icon"> <i class="wpcom-icon fa fa-weibo sns-icon"></i> </a> </div> </div> </div> </div> </footer> <script id="main-js-extra">/*<![CDATA[*/var _wpcom_js = { "js_lang":{"page_loaded":"\u5df2\u7ecf\u5230\u5e95\u4e86","no_content":"\u6682\u65e0\u5185\u5bb9","load_failed":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u7a0d\u540e\u518d\u8bd5\uff01","login_desc":"\u60a8\u8fd8\u672a\u767b\u5f55\uff0c\u8bf7\u767b\u5f55\u540e\u518d\u8fdb\u884c\u76f8\u5173\u64cd\u4f5c\uff01","login_title":"\u8bf7\u767b\u5f55","login_btn":"\u767b\u5f55","reg_btn":"\u6ce8\u518c","copy_done":"\u590d\u5236\u6210\u529f\uff01","copy_fail":"\u6d4f\u89c8\u5668\u6682\u4e0d\u652f\u6301\u62f7\u8d1d\u529f\u80fd"} };/*]]>*/</script> <script src="/view/js/theme/55376.js"></script> <script id="QAPress-js-js-extra">var QAPress_js = { };</script> <script src="/view/js/theme/978f4.js"></script> <script src="/lang/zh-cn/lang.js?2.2.0"></script> <script src="/view/js/popper.min.js?2.2.0"></script> <script src="/view/js/xiuno.js?2.2.0"></script> <script src="/view/js/async.min.js?2.2.0"></script> <script src="/view/js/form.js?2.2.0"></script> <script src="/view/js/wellcms.js?2.2.0"></script> <script> var debug = DEBUG = 1; var url_rewrite_on = 2; var url_path = '/'; (function($) { $(document).ready(function() { setup_share(1); }) })(jQuery); $('#user-logout').click(function () { $.modal('<div style="text-align: center;padding: 1rem 1rem;">已退出</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); setTimeout(function () { window.location.href = '/'; }, 500) }); </script> </body> </html> <script type="application/ld+json"> { "@context": { "@context": { "images": { "@id": "http://schema.org/image", "@type": "@id", "@container": "@list" }, "title": "http://schema.org/headline", "description": "http://schema.org/description", "pubDate": "http://schema.org/DateTime" } }, "@id": "http://outofmemory.cn/web/1324994.html", "title": "HTML基础标签", "images": ["http://outofmemory.cn/aiimages/HTML%E5%9F%BA%E7%A1%80%E6%A0%87%E7%AD%BE.png"], "description": "表单 <form>标签 HTML <form> 元素表示文档中的一个区域，此区域包含交互控件，用于向 Web 服务器提交信息。例如登录一个页面，需要", "pubDate": "2022-06-12", "upDate": "2022-06-12" } </script> <script> // 回复 $('.reply-post').on('click', function () { var pid = $(this).attr('pid'); var username = '回复给 ' + $(this).attr('user'); $('#form').find('input[name="quotepid"]').val(pid); $('#reply-name').show().find('b').append(username); }); function removepid() { $('#form').find('input[name="quotepid"]').val(0); $('#reply-name').hide().find('b').empty(); } var forum_url = '/list/10.html'; var safe_token = 'Y5aGA96_2FGSdC7ysKn3jbYycGeInkrXbjP8NcP3Y7lZu_2Br732Bv5ccWoNVuBZ_2FYuOc_2B4Y32JlNM7wBm8D'; var body = $('body'); body.on('submit', '#form', function() { console.log('test'); var jthis = $(this); var jsubmit = jthis.find('#submit'); jthis.reset(); jsubmit.button('loading'); var postdata = jthis.serializeObject(); $.xpost(jthis.attr('action'), postdata, function(code, message) { if(code == 0) { location.reload(); } else { $.alert(message); jsubmit.button('reset'); } }); return false; }); // 收藏 var uid = '0'; var body = $('body'); body.on('click', 'a#favorites', function () { if (uid && uid > 0) { var tid = $(this).attr('tid'); $.xpost('/home/favorites.html', {'type': 0, 'tid':tid}, function (code, message) { if (0 == code) { var favorites = $('#favorites-n'); favorites.html(xn.intval(favorites.html()) + 1); $.modal('<div style="text-align: center;padding: 1rem 1rem;">'+ message +'</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } else { $.modal('<div style="text-align: center;padding: 1rem 1rem;">'+ message +'</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } }); } else { $.modal('<div style="text-align: center;padding: 1rem 1rem;">您还未登录</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } return false; }); // 喜欢 var uid = '0'; var tid = '1324994'; var body = $('body'); body.on('click', 'a#thread-like', function () { if (uid && uid > 0) { var tid = $(this).attr('tid'); $.xpost('/my/like.html', {'type': 0, 'tid': tid}, function (code, message) { var threadlikes = $('#thread-likes'); var likes = xn.intval(threadlikes.html()); if (0 == code) { $.modal('<div style="text-align: center;padding: 1rem 1rem;">'+ message +'</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } else { $.modal('<div style="text-align: center;padding: 1rem 1rem;">'+ message +'</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } }); } else { $.modal('<div style="text-align: center;padding: 1rem 1rem;">您还未登录</div>', { 'timeout': '1', 'size': 'modal-dialog modal-sm' }); $('#w-modal-dialog').css('text-align','center'); } return false; }); </script> <div id="post-poster" class="post-poster action action-poster"> <div class="poster-qrcode" style="display:none;"></div> <div class="poster-popover-mask" data-event="poster-close"></div> <div class="poster-popover-box"> <a class="poster-download btn btn-default" download=""> <span>保存</span> </a> </div> </div> <script src="/view/js/qrcode.min.js?2.2.0"></script> <script> $.require_css('../plugin/wqo_theme_basic/css/wqo_poster.css'); var url= window.location.href; window.poster_img={ uri : url, ver : '1.0', bgimgurl : '/plugin/wqo_theme_basic/img/bg.png', post_title : 'HTML基础标签', logo_pure : '/view/img/logo.png', att_img : '/aiimages/HTML%E5%9F%BA%E7%A1%80%E6%A0%87%E7%AD%BE.png', excerpt : '表单 <form>标签 HTML <form> 元素表示文档中的一个区域，此区域包含交互控件，用于向 Web 服务器提交信息。例如登录一个页面，需要', author : 'kickback', cat_name : 'html-js-css', time_y_m : '2022年06月', time_d : '12', site_motto : '内存溢出' }; </script> <script src="/plugin/wqo_theme_basic/js/main.js?2.2.0"></script> <script src="/plugin/wqo_theme_basic/js/require.min.js?2.2.0"></script>