问题标签 [details-tag]

我在详细信息标签中有一个带有必填复选框的表单。当用户尝试在未选中复选框的情况下提交站点时，会显示警告。

但是当用户折叠详细信息时，不会显示任何警告，提交也不起作用。有没有一种干净的 html 方法可以让它工作，还是我需要使用 javascript？我基本上希望浏览器自动打开详细信息并在复选框中显示警告。

有关问题，请参阅此演示 https://jsfiddle.net/1jwdm8ov/

我有一个包含几个细节元素的网页。其中一个里面有一个iframe。在除 Firefox 之外的所有浏览器（桌面或移动设备）中，iframe 内容都能正确显示。在 Firefox 中，它们不会出现。如果我将 iframe 移到 details 元素之外，那么它会显示在 Firefox 中。这是 Firefox 的预期还是可能是一个错误？

下面的段落已经过编辑，以提供一个更简单的例子。

一个这样的页面是https://cdi2tp.math.tecnico.ulisboa.pt/test。一个标记为“Firefox bug”的封闭细节元素显示了这个问题。该页面下方的类似 open on load details 元素（也标记为“Firefox bug”）显示 iframe 没有问题。

该网站的同源限制已暂时关闭，没有任何影响。

我正在尝试使用 CSS 向故事框添加 10px 填充，而不向网站代码添加任何新的额外 HTML 元素。

有没有办法在不添加新的额外 HTML 元素的情况下将填充添加到故事框？

换句话说：如何仅使用 CSS 选择仅故事框，而不选择<summary>带有它的部分？<summary>（我喜欢我不想在那里改变任何东西的当前布局。）

谢谢你！

我已经检查了这个问题。没有答案，这个问题也没有。但我的问题在这里略有不同。我只是在 中添加另一个元素summary并单击该元素而不打开details. 当我在外面点击时，label即只有summary它有效。

这是我的代码：

我基本上是想在details-summary标签中显示或隐藏一些输入。

注意：- 类和名称属性就在那里。没有代码。

预期解决方案：

单击摘要标签内的任何内容将打开详细信息。提前致谢

基于 Master => 数据库中 mysql 字段的详细关系：

公司 - 项目 - 级别

• Adobe - Photoshop - 初学者
• Adobe - Photoshop - 高级
• Adobe - 插画家 - ....
• ……
• 微软 - Word - 初学者
• ……
• 微软 - Excel - ....

我正在为 HTML5 中的多级布局（也称为嵌套）而苦苦挣扎，但没有 JavaScript。

我想使用带有“Select field1,field2,field3”的 sql 字符串来以 windows-Explorer 样式显示内容。

也许那里有教程/示例？到目前为止，我还没有找到一个只使用 HTML 5 而不使用 JavaScript 的多级 php 脚本！

我的网站有问题：https ://www.ars-neurochirurgica.com/ 。我有几个手风琴菜单，它们是用纯 css 制作的，没有任何 javascript，一切都很完美，除了一个问题：

当我单击类别以展开标签时，与位于同一行的详细标签一起折叠的所有其他框将从 .div 展开它们的边框。有没有办法在不使用 javascript 的情况下解决这个问题？如果详细信息标签打开，我尝试仅绘制边框，但是我遇到了边框小于 .div 的问题，因为它只会分配给详细信息标签。最好的方法是能够从 details[open] 标签中选择父元素。然而，在做了一些仅用 css3 不可能的研究之后。任何人都知道如何解决这个问题？在移动设备上它工作得很好，因为只显示一行....

我尝试在按“a”键按顺序打开时进行设置，但它同时打开。

预期结果：

1. “a”键 = 打开详细信息1
2. “a”键=打开详细信息2
3. “a”键 = 打开详细信息3

下面的这段代码几乎可以解决问题。如果您打开任何详细信息标签，然后单击它之外的任何位置，它将关闭。但是，当前打开的详细信息标签不会在新的详细信息标签打开时关闭。

我错过了什么？

谢谢你。

我正在使用 Firefox 浏览器打开我上面的 HTML 代码。当我单击“此”链接时，Firefox 会正确滚动到详细信息页面。

但是，当我单击标题“这是摘要”左侧的三角形时，详细信息（包括带有锚点的行）被关闭（消失），单击链接 Firefox 不再滚动到锚点。

我本来希望 Firefox 至少滚动到隐藏锚点的可见摘要，即使在细节关闭时也是如此，但理想情况下也可以打开细节并准确滚动到锚点。

有没有办法（HTML？css？使用哪个浏览器？其他？）可以滚动到 details-summary 块的关闭（折叠）详细信息中的锚点？

我的问题与扩展详细信息/摘要时滚动到锚点有关？，但如果存在，我更喜欢无 javascript 的解决方案。

要测试您的解决方案，请用实际上不止一页的文本替换“这里的不止一页文本”。

我一直在尝试一些不同的格式来使用细节/摘要，并且我一直在尝试让翻转卡起作用。我已经在 Chrome 中完成了大部分工作，仅使用 CSS（没有 JS），唯一的问题是当卡片翻转回前面时，文本会稍微提前消失，这对我来说很有意义，因为元素会立即关闭点击。

没有意义的是 Safari 似乎拒绝在 details 元素中运行转换某些元素。我在下面包含了一个片段。它适用于其他浏览器，我创建了一个具有相同结构和样式但仅使用 div 的版本，这也适用。我可以使用 CSS 动画在将卡片翻转到背面时使其工作，但是当将卡片翻转到前面（即删除动画样式）时，它只是捕捉到其初始位置而没有过渡，因此这并不是真正的解决方法。此外，当我使用检查器并调整应该转换的元素时，它工作正常——但是当打开/关闭详细信息元素时，它仍然只是捕捉。

有什么方法可以解决任何人都知道的这个问题吗？谢谢你的帮助！