details/summery、クリップボード、ダイアログ、プログレスバー、メーターのサンプル

details/summeryタグで一部の内容の表示/非表示の切り替えが簡単にできます。
navigator.clipboard.writeText()で指定した文字列をクリップボードにコピーできます。
2022年に標準化された新生？dialog要素でモーダルダイアログが簡単に作成できます。
プログレスバーとメーターは進捗的な値を表示できますが、いずれも現在の値を表示しないのが難点です。

戻る