html 相关问题

HTML（超文本标记语言）是用于构造网页和格式化内容的标准标记语言。 HTML在语义上描述了网站的结构以及用于表示的提示，使其成为标记语言，而不是编程语言。 HTML主要与CSS和JavaScript结合使用，为页面添加样式和行为。 HTML规范的最新修订版是HTML5.2。

通过剧作家的数据从<div>

<div>提取它。从标签<span>到达</product-key-value>的末端。但是，我发现很难理解剧作家数据提取背后的逻辑。大部分代码是从hore的。这是一个可能的代码，但它没有用： <product-key-value> 仿效解决方案： PlayWright-通过DIV ID（typeScript）获得DIV的所有孩子Divs PlayWright-获取元素的值 html示例图像 product_section = page.locator('//div[@class="product-key-value"]') spans = product_section.locator('span') span_elements = spans.element_handles() data_array = [span.text_content() for span in span_elements] print(data_array) 使用“选择器”而不是“ xpath”

python html playwright

回答 0 投票 0

在从一个页面导航到另一页到另一页的Google Web应用程序中，将用户的输入存储在HTML页面上

保存这些复选框状态在HTML页面上

javascript html google-apps-script web-applications

回答 1 投票 0

HTML5视频格式 - 兼容性

因此，我正在建立一个网站，用户可以上传手表视频。我正在使用标准的HTML5视频播放器（...）目前，我使用多个来源：MP4，OGG和Web ...

html video mp4 ogg webm

回答 1 投票 0

避免使用深色模式的复选框切换到本地存储

在我的网站上，我有一个复选框，该复选框在默认的灯主题和黑暗主题之间切换。如果该页面设置为“暗模式”并刷新，则将主题切换回光模式。有办法

javascript html css web local-storage

回答 4 投票 0

如何使用JavaScript在HTML中进行屏幕截图？ [重复]

javascript html screenshot

回答 1 投票 0

如何防止文本在CSS中流过？

这个div包含一个非常漫长的Worddoesnotfitteborder.

html css overflow

回答 15 投票 0

bootstrap表行悬停，除了某些行之外

html css twitter-bootstrap

回答 4 投票 0

为什么``width''：min-content`与此``显示：grid'spanned celm''一起工作？我有一个与这个简单示例相似的网页 .a { 宽度：100px; 边界：2px纯蓝色；最小宽度：最小的； /*最小宽度：max-content; */ 显示：网格； gr ...

html css css-grid

回答 1 投票 0

我需要能够在设定的一段时间后取消图像加载，并且需要随后调用OnError操作。它将做什么：尝试检索资源。 src =“ https：//www.sit...

它将做什么：

javascript html

回答 4 投票 0

HtmlSpecialchars（）期望参数1为字符串数组

<input type="hidden" name="DiseaseDiagnosed[]" value="{{$DiseaseDiagnosed}}"> Controler的代码将值传递到视图为 return view('/doctorPanel/diagnoseDisease', ['chart' => $chart, 'patient' => $patient, 'symptomsStated' => $symptomsStated, 'DiseaseDiagnosed' => $DiseaseDiagnosed]); 说我为什么会遇到这个错误 <input type="hidden" name="DiseaseDiagnosed[]" value="{!! jsond_encode($DiseaseDiagnosed) !!}"> 实际上，您的输入是一个数组，返回视图。因此，您必须使用DiseaseDiagnosed 你也可以尝试 {{ json_decode($DiseaseDiagnosed) }} Blade模板引擎正在产生此错误。您不能使用@foreach($DiseaseDiagnosed as $disease) <input type="hidden" name="DiseaseDiagnosed[]" value="{{ $disease }}"> @endforeach 打印像这样的数组。传递此值时，您可以使用{{ }}对其进行编码，然后可以使用该语法。之后，当您想使用此值时，请不要忘记使用'DiseaseDiagnosed'=>json_encode($DiseaseDiagnosed])解码它在创建一个带有输入的数组的顺序中，您需要在数组中具有1输入iput。当值仅接受字符串时，您正在附加一个数组上的数组，这就是为什么它警告您在预期字符串时给出一个数组。 @adnan建议您可以使用以下方式解决此问题： json_decode() the在您的控制器中，您将收到带有所有插入的值疾病的数组，例如：您将在同一数组 - >中收到所有值 @foreach($DiseaseDiagnosed as $disease) <input type="hidden" name="DiseaseDiagnosed[]" value="{{ $disease }}"> @endforeach 发生错误是因为您正在尝试将隐藏的输入字段的值直接设置为数组，但是HTML输入字段只能容纳字符串值。由于$ disadeDeaded被诊断为一个数组，因此不能直接将其作为输入字段中的值分配。使用Inprode（）将数组转换为字符串刀刃复制编辑这将将数组转换为逗号分隔的字符串，使其对输入字段有效。

html laravel laravel-5 laravel-5.4

回答 3 投票 0

当按钮单击时，我可以如何应用风格的样式。

。背景色：Lightgray；边界：无；填充：10px; 边界拉迪乌斯：5px; 光标：指针； } .gaming-btn { </desc> <question vote="-1"><code><head> <style> .is-toggled { background-color: lightgray; border: none; padding: 10px; border-radius: 5px; cursor: pointer; } .gaming-btn { background-color: black; color: white; border: none; padding: 10px; border-radius: 5px; cursor: pointer; } </style> </head> <body> <button class="gaming-btn" onclick=" const btn = document.querySelector('.gaming-btn'); if(btn.classList.contains('is-toggled')) { btn.classList.remove('is-toggled') } else { btn.classList.add('is-toggled'); } ">Gaming</button> </body> </code><pre> </pre>单击按钮时添加类（.is-toggled），但是单击时的按钮的样式未应用...<p> </p> </question> <answer tick="false" vote="0">感谢如果有人提供帮助，但是我想知道答案，我只是放错了班级的样式tag<p> </p> </answer> <answer tick="false" vote="0">您可以使用<p><code>classList.toggle</code><pre>切换类名。定义类</pre><code>.is-toggled</code><pre>之后</pre><code>.gaming-bth</code><pre>可以覆盖样式。 </pre></p><p> </p> <div data-babel-preset-ts="false" data-lang="js" data-hide="false" data-console="true" data-babel="false" data-babel-preset-react="false"><code>const btn = document.querySelector('.gaming-btn') btn.addEventListener('click', () => { btn.classList.toggle('is-toggled') });</code><div> <pre><code>.gaming-btn { background-color: black; color: white; border: none; padding: 10px; border-radius: 5px; cursor: pointer; } .is-toggled { background-color: lightgray; border: none; padding: 10px; border-radius: 5px; cursor: pointer; }</code></pre> <pre><code><button class="gaming-btn">Gaming</button></code></pre> <pre> </pre> </div></div> <p> </p></answer>

javascript html css

回答 0 投票 0

我想以黑暗模式制作一个网站，我希望这个网站仍然可以通过“黑暗模式”，但我不知道要修复它，任何人可以帮助我吗？我一直在尝试这个代码 const复选框=文档。

javascript html

回答 0 投票 0

如何对齐时可以将填充右添加到输入类型=“ number”？

html css google-chrome firefox

回答 5 投票 0

当我进行pnpm构建时，我遇到了这个错误

javascript html typescript next.js tailwind-css

回答 0 投票 0

如何应用溢出：自动和宽度=“ 100％”到表？

，例如，我有2个表：表1 行1 -colum1 r ... ，例如，我有2个表： <p>Table 1</p> <table width="100%"> <tbody> <tr> <td> <p>row 1 - colum 1</p> </td> <td> <p>row 1 - colum 2</p> </td> </tr> <tr> <td> <p>row 2 - colum 1</p> </td> <td> <p>row 2 - colum 2</p> </td> </tr> </tbody> </table> <p>Table 2</p> <table width="100%"> <tbody> <tr> <td> <p>row 1 - colum 1</p> </td> <td> <p>row 1 - colum 2</p> </td> <td> <p>row 1 - colum 3</p> </td> <td> <p>row 1 - colum 4</p> </td> <td> <p>row 1 - colum 5</p> </td> <td> <p>row 1 - colum 6</p> </td> <td> <p>row 1 - colum 6</p> </td> <td> <p>row 1 - colum 7</p> </td> </tr> <tr> <td> <p>row 2 - colum 1</p> </td> <td> <p>row 2 - colum 2</p> </td> <td> <p>row 2 - colum 3</p> </td> <td> <p>row 2 - colum 4</p> </td> <td> <p>row 2 - colum 5</p> </td> <td> <p>row 2 - colum 6</p> </td> <td> <p>row 2 - colum 6</p> </td> <td> <p>row 2 - colum 7</p> </td> </tr> </tbody> </table> 案例1。显示：表 table { display: table; width: 100%; overflow: auto; } 回流：表1与整个容器一样宽，但表2溢出了容器。 https：//i.sstatic.net/cwhredxg.png 案例2。显示：块 table { display: block; width: 100%`;` overflow: auto; } 撤退：表2显示了水平滑块，但表1最小化 https：//i.sstatic.net/2fzas21m.png 据我所知，溢出只能与Display：block一起使用：block，但block width =“ 100％”工作不正确。如何使表1始终具有整个容器的宽度（例如情况1），表2总是具有滑块（例如情况2）？ thanks！在DIV内仅包含溢出的表2：自动；在保持显示时：表；对于两个表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Table Overflow Example</title> <style> table { width: 100%; border-collapse: collapse; } th, td { border: 1px solid black; padding: 8px; text-align: left; } /* Wrap Table 2 inside a div with overflow */ .table-container { width: 100%; overflow: auto; /* Enables horizontal scrolling if needed */ } </style> </head> <body> <p>Table 1</p> <table> <tbody> <tr> <td>row 1 - column 1</td> <td>row 1 - column 2</td> </tr> <tr> <td>row 2 - column 1</td> <td>row 2 - column 2</td> </tr> </tbody> </table> <p>Table 2</p> <div class="table-container"> <table> <tbody> <tr> <td>row 1 - column 1</td> <td>row 1 - column 2</td> <td>row 1 - column 3</td> <td>row 1 - column 4</td> <td>row 1 - column 5</td> <td>row 1 - column 6</td> <td>row 1 - column 7</td> </tr> <tr> <td>row 2 - column 1</td> <td>row 2 - column 2</td> <td>row 2 - column 3</td> <td>row 2 - column 4</td> <td>row 2 - column 5</td> <td>row 2 - column 6</td> <td>row 2 - column 7</td> </tr> </tbody> </table> </div> </body> </html> 表1不受影响，保持全宽。表2如果溢出，则获得水平滚动条。不需要使用显示：块；它会破坏宽度：100％。

html css

回答 1 投票 0

我如何将一个Div中的文本悬停在单独的Div中揭示图像？

html css hover onhover

回答 1 投票 0

垂直分层CS

html css

回答 3 投票 0

动画破折号CSS循环边界

我想用虚线的边框创建DIV，一旦用户徘徊在它上面，它破坏了边界，以相同的方式移动 /循环，他们只是在边缘绕着边缘移动，而不会离开他们的边缘

javascript html css animation border

回答 1 投票 0