模态与对话框

模态是一个用户界面元素，创建一个临时的中断状态，用户必须与之互动才能返回到其他内容。

模态会阻止与其他界面的互动，用户必须专注于模态内容并采取行动。

对话框是一个更广泛的术语，允许用户互动，可能是模态或非模态。

对话框不一定会阻止与其他界面的互动，用户可以在打开对话框时与应用的其他部分互动。

HTML的对话框元素提供了简单有效的创建模态和对话框的方法，支持无障碍功能。

对话框元素的基本结构简单，可以使用JavaScript方法控制打开和关闭。

对话框元素自动处理无障碍功能，应用正确的aria属性并管理焦点。

可以在对话框中使用表单，设置method='dialog'属性时，提交表单会自动关闭对话框。

可以添加取消按钮，关闭对话框而不提交表单。

可以通过添加点击事件监听器实现点击外部关闭对话框的功能。

HTML对话框元素提供了强大的自定义能力，易于创建交互元素。