詳細タグ内に必要なチェックボックスがあるフォームがあります。ユーザーがチェックボックスをオンにせずにサイトを送信しようとすると、警告が表示されます。
ただし、ユーザーが詳細を折りたたんだ場合、警告は表示されず、送信は機能しません。これを機能させるためのきれいなhtmlの方法はありますか、それともjavascriptを使用する必要がありますか? 基本的に、ブラウザが詳細を自動的に開き、チェックボックスに警告を表示することを期待しています。
問題については、このデモを参照して ください https://jsfiddle.net/1jwdm8ov/
<html>
<form>
<details>
<input type="checkbox" required="required">
</details>
<input type="submit">
</form>
</html>