1. このページの目的
dialog 要素を使ってみる。
2. デモ１
MDNにある「シンプルな例」を改造した。
form はないので、close() メソッドを使って dialog を閉じる必要がある。
- close()メソッドには、returnValue を渡すことができる。
- Escキーでも、dialog を閉じることができる。
3. デモ２ (form自体の挙動を観察する)
以下が答えである。
submitイベントは、ユーザーが送信ボタン (<button>または<input type="submit">) を押したり、 Enter キーをフォーム内のフィールド (例えば<input type="text">) の編集中に押したりしたときに発生します。このイベントはform.submit()メソッドを呼び出した場合には送信されません。
4. デモ３ (form と dialog)
<form> を <dialog> で囲むことによって、ポップアップ用フォームになる。
submitすることが、dialog を閉じる動作になる。
（たとえば、<button> 要素を押すと、dialog が閉じる。<input type=button> では閉じない。）
5. デモ４
MDNにある「応用的な例」を改造した。
出力(dialog の returnValue):
出力(時刻):