你能在中有一个 html 列表并且它看起来像一个列表吗？ </h1> <div class="d-flex justify-content-between"> <div> <span class="date text-grey ml-2"> 2023-12-04 </span> </div> <div> </div> </div> </div> </div> <hr /> <div class="message text-break"> <div> <div> <p>I tried </p> <pre><code><textarea rows="10" columns="2"><li>joe</li><li>jerry</li></textarea> </code></pre> <p>看看我是否可以将 html 列表放入<code><textarea></code>但它只是显示为文本。有什么方法可以将其显示为文本区域内的列表吗？</p> </div> </div><br><div> <div> <p>里面不能有 HTML<code>textarea</code>s - 仅适用于纯文本。然而，你<em>can</em>尝试使用<code>contentEditable</code>为了这。结果不是很好，但你可以判断是否要使用它。只需使用这样的东西：</p> <pre><code><div class="editable" contenteditable="true"> <ul> <li>List item</li> <li>List item</li> </ul> </div> </code></pre> <p>这种方法的问题在于，很难预测浏览器将生成什么 HTML，而且生成的一些 HTML 确实很糟糕，而且与使用纯文本相比，您必须对输入进行更多的清理。此外，规范中没有指定此接口，因此您将在不同的浏览器中处理不同的接口。</p> <p>See: <span>http://www.jsfiddle.net/yijian/bN2tm/</span> and <span>http://html5demos.com/contenteditable</span></p> </div> </div> <span style="display:none;" allenmark_388="4095690"></span> </div> <div class="mt-3 text-grey"> 本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@) <span id='ref_question'> </span> </div> <hr> <div class="row"> <div class="col-lg-12 text-muted mt-2"> <i class="icon-tags mr-2"></i> <span class="badge border border-secondary mr-2"> <h2 class="h6 mb-0 small"> <a class="text-secondary" href="/topic/979"> javascript </a> </h2> </span> <span class="badge border border-secondary mr-2"> <h2 class="h6 mb-0 small"> <a class="text-secondary" href="/topic/969"> html </a> </h2> </span> <span class="badge border border-secondary mr-2"> <h2 class="h6 mb-0 small"> <a class="text-secondary" href="/topic/34300"> textarea </a> </h2> </span> <span class="badge border border-secondary mr-2"> <h2 class="h6 mb-0 small"> <a class="text-secondary" href="/topic/149217"> htmllists </a> </h2> </span> </div> </div> </div> </div> <div class="d-none threadlist"> <input type="checkbox" name="modtid" value="514628" checked /> </div>  </div> <div class="card border-0 shadow-sm mb-3 col-lg-3"> <div class="card-header bg-white"> <h3 class="h6 font-weight-400 my-0"> 你能在 <textarea> 中有一个 html 列表并且它看起来像一个列表吗？的相关文章 </h3> </div> <ul class="list-group list-group-flush"> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/997927" class="d-block text-truncate"> Ionic 2：隐藏滚动条并继续滚动 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我只想hide滚动条在需要滚动的页面中我正在使用离子2 My 不工作解决方案 scroll content bar overflow hidden 此解决方案隐藏滚动条but使屏幕不可滚动首先改变浏览器的自然行为和预期的用户体验是一 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/997991" class="d-block text-truncate"> 从选择 onChange 调用 javascript 函数 [重复] </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 这个问题在这里已经有答案了所以我有一个简单的 HTML 选择框和一个 javascript 警报功能我希望选择框有一个 onchange 事件来调用 javascript 警报函数这是我到目前为止所拥有的 HTML div Type </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998092" class="d-block text-truncate"> JavaScript 相当于 Python 的参数化 string.format() 函数 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 这是 Python 示例 gt gt gt Coordinates latitude longitude format latitude 37 24N longitude 115 81W Coordinates 37 24N 115 81W </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998111" class="d-block text-truncate"> 使用 jQuery inputmask 插件范围 0-100 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 如何创建 0 到 100 范围内的掩码 document ready function masked inputmask 您可以使用jquery inputmask regex extensions js为了那个原因你可以找到带有所有扩展 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998167" class="d-block text-truncate"> 如何使用CSS缩放图像以填充div并保持纵横比？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我想用一个 div 填充img 保持纵横比并根据需要拉伸宽度或高度以适应 div style width 80px height 80px img src div 我怎样才能实现它如果图像不是二次方的则必须将其放大并根据哪一侧较大而 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998175" class="d-block text-truncate"> Firefox 忽略 CSS 中的最小高度 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 由于某些原因最小高度在 Firefox 上不起作用我尝试在 body 上设置 min height 但 Firefox 完全忽略了它由于我的页面是动态的我不能只将高度设置为 100 我应该怎么办 body border 1px so </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998177" class="d-block text-truncate"> 如何将一个数组中的所有项目复制到另一个数组中？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 如何将数组的每个元素其中元素是对象复制到另一个数组中以便它们完全独立我不想更改一个数组中的元素来影响另一个数组这里的关键是数组中的条目是对象并且您不希望对一个数组中的对象的修改显示在另一个数组中这意味着我们不仅需要将对象复 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998244" class="d-block text-truncate"> 正则表达式中连字符的这种用法有效吗？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> NB I only想知道它是否是正则表达式定义中未转义连字符的有效应用它是not关于匹配电子邮件连字符或反斜杠的含义量词或其他任何内容的问题另外请注意链接的答案并没有真正讨论转义未转义连字符之间的有效性问题通常我会像这样声明 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998448" class="d-block text-truncate"> 如何显示接下来的三个图像单击加载更多按钮 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我需要一个加载更多按钮来显示图像页面加载时我显示 3 个图像单击加载更多按钮后接下来的 3 个图像将显示在屏幕上我尝试了下面的代码但它不起作用你能帮我解决这个问题吗 function item slice 0 2 show </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998504" class="d-block text-truncate"> jQuery：将文本区域滚动到给定位置 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我有一个包含很多文本的文本区域 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998702" class="d-block text-truncate"> HTML5 文件 API 和 AJAX 上传分块问题 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我编写了一个带有单独进度的拖放多个文件上传等除了一件事之外它工作得非常好上传较大文件时有时浏览器会锁定直到上传完成我认为这是因为该文件存储在浏览器的内存中并占用了浏览器可用的所有资源我想知道是否可以逐段读取文件并在读取时通过 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998728" class="d-block text-truncate"> 如何在html中定义条件换行符？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我希望这根绳子断在如果需要的话没有地方可以写了 7 380 Ft 159 Ft term kd jjal like 7 380 000 Ft 159 125 Ft term kd jjal 如何在html中实现这一点 nbsp 产生错 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998760" class="d-block text-truncate"> 如何从 CSS 选择器中提取类名？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 故事我目前正在构建一个 ESLint 规则以警告在 CSS 选择器定位器中使用引导布局导向和角度技术类目前我在字符串方法中使用简单的子字符串 for var i 0 i lt prohibitedClasses length i if </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998762" class="d-block text-truncate"> 为什么 call 比 apply 快那么多？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我想知道是否有人知道why call比apply 在 Chrome 中速度大约快 4 倍在 Firefox 中快 30 倍我什至可以制作自定义原型 apply2 在大多数情况下运行速度是apply 这个想法取自角度 Function </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998771" class="d-block text-truncate"> 从网页运行 ClickOnce 应用程序，无需用户操作 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我们有一个基于 Java 的 Web 应用程序以及用 C 编写的相同应用程序如果 java 检查器发现客户端计算机上没有安装 Java 则应该运行该应用程序这个想法是运行 C 单击一次 http en wikipedia org wik </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998776" class="d-block text-truncate"> 轮播滑动（未滑动）事件上的火灾事件，Bootstrap 3 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> Bootstrap 2 似乎可以很好地处理幻灯片事件请参阅这个问题 https stackoverflow com questions 9651466 how to attach slide slid events to the boot </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998813" class="d-block text-truncate"> 如何将MathJax公式转换为img </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> Mathjax 现在在我的项目中运行良好但有一个问题有没有办法将MathJax的公式纯html和css 转换成img文件我可以保存 MathJax 可以配置为生成 SVG 看http docs mathjax org en late </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998817" class="d-block text-truncate"> Google 地图 API - 地图未显示 - 没有错误 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我正在尝试将地图从 Google API 加载到 div 中但是地图未加载并且没有输出任何错误这是代码 google maps var geocoder map function codeAddress address geocod </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998922" class="d-block text-truncate"> onPress 方法中箭头函数与普通函数的行为 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 正在学习 Native React 并学习更多关于 javascript 的知识所以我仍然不明白它的行为的很多事情我使用 TouchableOpacity 及其 onPress 属性创建了一个按钮组件为了让它工作我必须发送我想要执行 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/998953" class="d-block text-truncate"> Graphql 将多个查询合并（组合）为一个？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我正在尝试使用 JavaScript 将多个 GraphQL 查询合并为一个查询我正在寻找这样的东西 let query3 mergeQueries query1 query2 我们事先不知道哪些查询将被组合假设我有这样的查询输入查询 </div> </li> </ul> </div> <div class="col-lg-12"> <div class="card-header bg-white"> <h3 class="h6 font-weight-bold my-0"> 随机推荐 </h3> </div> <ul class="list-group list-group-flush"> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514609" class="d-block text-truncate" title='与 iOS 上的 FlutterFire 和本机 GeoFire 插件冲突' aria-label='与 iOS 上的 FlutterFire 和本机 GeoFire 插件冲突'> 与 iOS 上的 FlutterFire 和本机 GeoFire 插件冲突 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 当我尝试将 GeoFire 添加到包含 FlutterFire 数据库插件的 iOS Flutter 项目时出现错误错误如下所示 Resolving dependencies of Podfile Unable to satisfy t </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514610" class="d-block text-truncate" title='Process.Start(link) 省略了部分链接[重复]' aria-label='Process.Start(link) 省略了部分链接[重复]'> Process.Start(link) 省略了部分链接[重复] </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 这个问题在这里已经有答案了可能的重复使用查询字符串打开 html 文件我正在使用 c 编写一个简单的控制台应用程序并尝试使用 name 参数打开本地 html 文件现在我正在使用 const url 用于测试文件 D index </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514611" class="d-block text-truncate" title='如何使用“facet_nested”增加为构面标签创建的不同框之间的空间？' aria-label='如何使用“facet_nested”增加为构面标签创建的不同框之间的空间？'> 如何使用“facet_nested”增加为构面标签创建的不同框之间的空间？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我有一个像下面这样的情节 library ggplot2 library ggh4x remotes install github teunbrand ggh4x df1 lt data frame x rep 1 12 times 4 e </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514612" class="d-block text-truncate" title='如何在M1（Apple Silicon / Darwin-arm64）上安装和导入Scipy、Numpy、NumExpr等？' aria-label='如何在M1（Apple Silicon / Darwin-arm64）上安装和导入Scipy、Numpy、NumExpr等？'> 如何在M1（Apple Silicon / Darwin-arm64）上安装和导入Scipy、Numpy、NumExpr等？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我有一个 Apple 的 M1 处理器它是新的 ARM64 架构为许多数据科学 Python 包提供的二进制文件无法在其上运行并且在大多数情况下编译它们会失败诸如此类的问题如何在 Apple Silicon ARM M1 上安装 S </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514613" class="d-block text-truncate" title='C#中如何循环遍历多个复选框' aria-label='C#中如何循环遍历多个复选框'> C#中如何循环遍历多个复选框 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我在 winform 中有 100 个复选框他们的名字是连续的checkbox1 checkbox2ETC 我的 winform 中有一个提交按钮单击提交按钮后它会检查如果选中复选框则更新某些值否则更新另一个值我必须选中 10 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514614" class="d-block text-truncate" title='Azure 上的 Terraform：使用变量作为参数从本地文件执行 Windows VM 的 powershell 脚本' aria-label='Azure 上的 Terraform：使用变量作为参数从本地文件执行 Windows VM 的 powershell 脚本'> Azure 上的 Terraform：使用变量作为参数从本地文件执行 Windows VM 的 powershell 脚本 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 背景我使用 Azure Cloud Shell 中的 Terraform 部署 Windows Server VM 我有一个tf文件成功部署了虚拟机但我无法运行 PowerShell 脚本要求我需要虚拟机运行部署后 PowerShe </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514615" class="d-block text-truncate" title='需要对双标签函数声明进行解释' aria-label='需要对双标签函数声明进行解释'> 需要对双标签函数声明进行解释 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 当我偶然发现这段语法时我正在阅读苹果文档 struct Point var x 0 0 y 0 0 mutating func moveBy x deltaX Double y deltaY Double x deltaX y delta </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514616" class="d-block text-truncate" title='如何在 PHP 中使用密码保护 zip？' aria-label='如何在 PHP 中使用密码保护 zip？'> 如何在 PHP 中使用密码保护 zip？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我可以使用 php 中的 ziparchive lib 创建 zip 文件有什么方法可以为我创建的 zip 文件指定密码吗还有其他自定义库可以做同样的事情吗我的 php 正在安全模式下运行但我的托管提供商不允许我更改它所以我无法执 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514617" class="d-block text-truncate" title='图像模型数据迁移' aria-label='图像模型数据迁移'> 图像模型数据迁移 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 您好这主要是 Google 群组中提出的问题的复制粘贴感谢 Wagtail 文档我能够了解如何构建自定义图像模型但是由于我有一个包含 500 多个内容的网站我不想因为糟糕的数据迁移而搞乱整个事情事实上我不确定这里应该使用哪种 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514618" class="d-block text-truncate" title='运行插入 SQL 查询' aria-label='运行插入 SQL 查询'> 运行插入 SQL 查询 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 如何在 Microsoft Access 中运行 INSERT SQL 查询例如 INSERT INTO tbl UserPurchase ID Name Values 321 Joe 您可以在 Access 的查询设计器中构建查询然后 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514619" class="d-block text-truncate" title='如何根据 Excel 中的列将数据拆分为多个文件名的工作簿？' aria-label='如何根据 Excel 中的列将数据拆分为多个文件名的工作簿？'> 如何根据 Excel 中的列将数据拆分为多个文件名的工作簿？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我收到一份报告其中包含 A T 范围内的数据和大约 7000 10000 行我需要将这些数据分成多个工作簿我知道你可以将其作为工作表来完成我已经接近使用这段代码了https www excelhow net split data i </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514620" class="d-block text-truncate" title='如何不使用 DirectShow 从相机捕获数据？' aria-label='如何不使用 DirectShow 从相机捕获数据？'> 如何不使用 DirectShow 从相机捕获数据？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 如何在不使用 DirectShow 的情况下从相机捕获数据在 Windows 上用 C 编写我过去曾使用以下指南和代码完成此操作 http weblogs asp net nleghari pages webcam aspx </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514621" class="d-block text-truncate" title='Bootstrap 4在div中垂直居中文本' aria-label='Bootstrap 4在div中垂直居中文本'> Bootstrap 4在div中垂直居中文本 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我有这个简单的 HTML 代码使用 Bootstrap div div class card div class card header div class row div class col 2 border rounded text </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514622" class="d-block text-truncate" title='如何在 Azure 网站中创建 HKLM 条目' aria-label='如何在 Azure 网站中创建 HKLM 条目'> 如何在 Azure 网站中创建 HKLM 条目 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 如何在 Azure 网站的注册表 HKEY LOCAL MACHINE 中创建条目 Web 应用程序只需要读取该条目您无法在 Azure 网站中执行此操作如果您的应用程序绝对需要访问注册表则必须以 Azure Web 角色经典云服务 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514623" class="d-block text-truncate" title='空手道：无法在场景步骤中使用“eval”' aria-label='空手道：无法在场景步骤中使用“eval”'> 空手道：无法在场景步骤中使用“eval” </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我需要在场景中调用 feature 文件但不关心结果所以我这样使用 eval eval if gw YES karate call GatewayAuth feature authInfo 但它表明步骤 eval if 没有粘合代码 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514624" class="d-block text-truncate" title='Android Webview Drop Down 仅在 Android Lollipop(5.0/5.1) 上崩溃' aria-label='Android Webview Drop Down 仅在 Android Lollipop(5.0/5.1) 上崩溃'> Android Webview Drop Down 仅在 Android Lollipop(5.0/5.1) 上崩溃 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 使用下面的代码修复了仅在 Android 5 0 和 5 1 Lollipop webview 上发生的崩溃同时在 Webview 加载但包含下拉菜单后加载当我单击该应用程序时崩溃 Android Lollipop WebView 问题 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514625" class="d-block text-truncate" title='用 GNU（GCC 和 GAS）替换 DOS 中的定时器中断处理程序' aria-label='用 GNU（GCC 和 GAS）替换 DOS 中的定时器中断处理程序'> 用 GNU（GCC 和 GAS）替换 DOS 中的定时器中断处理程序 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 正如标题所示我正在尝试用我自己的处理程序替换 DOS 中定时器中断的现有处理程序在广泛搜索各种解决方案之后我找到了一些完全可以做到这一点的汇编代码我什至成功地编译和测试了它并发现它可以工作现在的问题是我找到的代码见下文是为 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514626" class="d-block text-truncate" title='使用 Selenium 滚动页面的有效方法' aria-label='使用 Selenium 滚动页面的有效方法'> 使用 Selenium 滚动页面的有效方法 </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我目前正在使用 Selenium Python 中的 Firefox 驱动程序对滚动进行硬编码是否有办法让它在页面上平滑地上下滚动当页面中的图像加载时页面可能会比正常情况大 20 倍我需要多次上下滚动不要错过页面的任何部分当前的 </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514627" class="d-block text-truncate" title='出现错误“无法找到或加载主类 HelloWorld”' aria-label='出现错误“无法找到或加载主类 HelloWorld”'> 出现错误“无法找到或加载主类 HelloWorld” </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> 我有这个简单的代码 public class HelloWorld public static void main String args System out println HelloWorld 文件名 HelloWorld java </div> </li> <li class="list-group-item bg-white"> <h4 class="h6 my-0"> <a href="/article/514628" class="d-block text-truncate" title='你能在 <textarea> 中有一个 html 列表并且它看起来像一个列表吗？' aria-label='你能在 <textarea> 中有一个 html 列表并且它看起来像一个列表吗？'> 你能在 <textarea> 中有一个 html 列表并且它看起来像一个列表吗？ </a> </h4> <div class="col-lg-12 text-break text-muted brief mt-2"> I tried </div> </li> </ul> </div> <div class="card border-0 rounded shadow-sm mb-3"> <div class="card-header border-0 rounded-top bg-white"> <h3 class="h6 font-weight-400 my-0"> 热门标签 </h3> </div> <ul class="list-unstyled right-font d-flex flex-wrap bg-white px-3 py-2 m-0"> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/101439" class="d-block text-truncate right-font"> dll文件丢失 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/101438" class="d-block text-truncate right-font"> 求n的阶乘的算法框图 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/101437" class="d-block text-truncate right-font"> USB协议 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/101435" class="d-block text-truncate right-font"> 高德地图插件加载 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/101433" class="d-block text-truncate right-font"> VUE 架构能力 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/101432" class="d-block text-truncate right-font"> Andy阿辉 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/101426" class="d-block text-truncate right-font"> tekton </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/101424" class="d-block text-truncate right-font"> 法线差异分割点云 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/101421" class="d-block text-truncate right-font"> python框架学习 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/101420" class="d-block text-truncate right-font"> python入门学习 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/101414" class="d-block text-truncate right-font"> 中控面板 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/101413" class="d-block text-truncate right-font"> 86盒 </a> </h4> </li> <li class="px-2 py-1 badge-pill badge-light right-tag mr-2 mb-2"> <h4 class="h6 my-0"> <a href="/topic/101412" class="d-block text-truncate right-font"> 1D的技术开发备忘录 </a> </h4> </li> </ul> </div> </div> </div> </div> <footer class="text-muted small bg-dark py-4 mt-3" id="footer"> <div class="container"> <div class="row"> <div class="col"> Powered by Hwhale  </div> </div> </div> </footer>  <script src="/lang/zh-cn/lang.js?13"></script> <script src="/view/js/jquery.min.js?13"></script> <script src="/view/js/popper.min.js?13"></script> <script src="/view/js/bootstrap.min.js?13"></script> <script src="/view/js/copyxn.js?13"></script> <script src="/view/js/bootstrap-plugin.js?13"></script> <script src="/view/js/async.min.js?13"></script> <script src="/view/js/form.js?13"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?346221f3ab3bcc7f46ef28d352ee78b9"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> var host = window.location.host; if (host =="www.hwhale.com"){ (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); } </script> <script> var debug = DEBUG = 0; var url_rewrite_on = 3; var url_path = '/'; var fid = 16; var uid = 0; var gid = 0; xn.options.water_image_url = '/view/img/water-small.png'; /水印图片 / watermark image/ </script> <script src="/view/js/hwhale.js?13"></script>   <a class="scroll-to-top rounded" href="javascript:void(0);"> <i class="icon-angle-up"></i> </a>  <a class="scroll-to-bottom rounded" href="javascript:void(0);" style="display: inline;"> <i class="icon-angle-down"></i> </a> </body> </html> <link href="/view/css/vs2015.css" rel="stylesheet"> <script src="/view/js/highlight.pack.js"></script> <script src="/view/js/highlightjs-badge.min.js"></script> <script> // $("code").wrapInner(document.createElement("pre")); if( $("[allenmark_388]").attr('allenmark_388')>0){ $("#ref_question").html(' 网友还发现一个类似的问题请参阅：https://stackoverflow.com/questions/'+$("[allenmark_388]").attr('allenmark_388')+'/'); } var originalElements = document.querySelectorAll('span[fhref]'); originalElements.forEach(function(originalElement) { var originalInnerText = originalElement.innerText; var originalHref = originalElement.getAttribute('fhref'); var newElement = document.createElement('span'); var newText = document.createTextNode(originalInnerText + ' ' + originalHref); newElement.appendChild(newText); originalElement.parentNode.replaceChild(newElement, originalElement); }); setTimeout(function () { var pres = document.querySelectorAll("pre>code"); for (var i = 0; i < pres.length; i++) { hljs.highlightBlock(pres[i]); } var options = { contentSelector: ".message", // Delay in ms used for `setTimeout` before badging is applied // Use if you need to time highlighting and badge application // since the badges need to be applied afterwards. // 0 - direct execution (ie. you handle timing loadDelay:0, // CSS class(es) used to render the copy icon. copyIconClass: "icon-copy", // CSS class(es) used to render the done icon. checkIconClass: "icon-heart", // hook to allow modifying the text before it's pasted onBeforeTextCopied: function(text, codeElement) { return text; // you can fix up the text here } }; window.highlightJsBadge(options); },10); </script> <style> p pre{ display: inline!important; } li pre{ display: inline!important; } "@media print { .code-badge { display: none; } } .code-badge-pre { position: relative; } .code-badge { display: flex; flex-direction: row; white-space: normal; background: transparent; background: #333; color: white; font-size: 0.8em; opacity: 0.5; border-radius: 0 0 0 7px; padding: 5px 8px 5px 8px; position: absolute; right: 0; top: 0; } .code-badge.active { opacity: 0.8; } .code-badge:hover { opacity: .95; } .code-badge a, .code-badge a:hover { text-decoration: none; } .code-badge-language { margin-right: 10px; font-weight: 600; color: goldenrod; display: none; } .code-badge-copy-icon { font-size: 1.2em; cursor: pointer; padding: 0 7px; margin-top:2; } .fa.text-success:{ color: limegreen !important} </style> <script> var forum_url = '/list/16'; var safe_token = 'JHr9ivBJId9VpEO6dbcBRxbRGTQpL95TIMvcNb0wXW0bX3pJhN0DMXQt5jGqCzw0Sb6Qo0uHf5NPzcm9HedQ6g_3D_3D'; var body = $('body'); body.on('submit', '#form', function() { 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; }); /缩放图片，适应屏幕大小/ function resize_image() { var jmessagelist = $('div.message'); var first_width = jmessagelist.width(); /* 815 : 746; 734 746/ jmessagelist.each(function() { var jdiv = $(this); var maxwidth = jdiv.attr('isfirst') ? first_width : jdiv.width(); var jmessage_width = Math.min(jdiv.width(), maxwidth); jdiv.find('img, embed, iframe, video').each(function() { var jimg = $(this); var img_width = this.org_width; var img_height = this.org_height; if(!img_width) { var img_width = jimg.attr('width'); var img_height = jimg.attr('height'); this.org_width = img_width; this.org_height = img_height; } /var percent = xn.min(100, xn.ceil((img_width / jmessage_width) * 100));/ if(img_width > jmessage_width) { if(this.tagName == 'IMG') { jimg.width(jmessage_width); jimg.css('height', 'auto'); jimg.css('cursor', 'pointer'); jimg.on('click', function() { /window.open(jimg.attr('src'));/ }); } else { jimg.width(jmessage_width); var height = (img_height / img_width) jimg.width(); jimg.height(height); } } }); }); } /对于超宽的表格，加上响应式/ function resize_table() { $('div.message').each(function() { var jdiv = $(this); jdiv.find('table').addClass('table').wrap('<div class="table-responsive"></div>'); }); } $(function() { resize_image(); resize_table(); $(window).on('resize', resize_image); }); /输入框自动伸缩/ var jmessage = $('#message'); jmessage.on('focus', function() {if(jmessage.t) { clearTimeout(jmessage.t); jmessage.t = null; } jmessage.css('height', '6rem'); }); jmessage.on('blur', function() {jmessage.t = setTimeout(function() { jmessage.css('height', '2.5rem');}, 1000); }); $('#nav li[data-active="fid-16"]').addClass('active'); </script>