Html 如何在折叠的详细信息中显示表单所需的警告？
我有一个表单，在详细信息标签中有一个必需的复选框。 当用户未选中复选框而试图提交站点时，将显示警告 但是，当用户折叠了详细信息时，不会显示任何警告，提交也不会起作用。 是否有一种干净的html方法来实现这一点，或者我需要使用javascript？ 我基本上希望浏览器自动打开详细信息，并在复选框中显示警告 请参阅此演示以了解问题Html 如何在折叠的详细信息中显示表单所需的警告？,html,forms,required,details,Html,Forms,Required,Details,我有一个表单，在详细信息标签中有一个必需的复选框。 当用户未选中复选框而试图提交站点时，将显示警告 但是，当用户折叠了详细信息时，不会显示任何警告，提交也不会起作用。 是否有一种干净的html方法来实现这一点，或者我需要使用javascript？ 我基本上希望浏览器自动打开详细信息，并在复选框中显示警告 请参阅此演示以了解问题 我想不出用CSS实现这一点的方法，但可以使用javascript连接到浏览器表单验证并检查是否需要字段。如果需要输入但尚未完成，则可以使用.open=true；打开父详
我想不出用CSS实现这一点的方法，但可以使用javascript连接到浏览器表单验证并检查是否需要字段。如果需要输入但尚未完成，则可以使用.open=true；打开父详细信息元素；，这将允许所需的消息可见 var detailInputs=document.queryselectoral'form details input'； []forEach.calldetailInputs，functiondetailInputs{ detailInputs.addEventListener“无效”，函数E{ detailInputs.parentNode.open=true； }; };
在纯html/css中无法做到这一点，您需要JavaScriptThank，我使用了jQuery:$'form details input'。在'invalid'上，函数{$this.closest'details'。prop'open'，true；}；这也行。上面的解决方案是纯Javascript，因此如果您将来关心性能，可以使用它。
<html>
<form>
<details>
<input type="checkbox" required="required">
</details>
<input type="submit">
</form>
</html>