form中的input可以设置readonly和disable，请问这两项属性有什么区别？ 举个例子

readonly 和 disabled 属性在 HTML 表单 元素中都用于限制用户输入，但它们之间存在一些重要的差异。

readonly:

当一个 元素被设置为 readonly，用户仍然可以看到该输入框并可以聚焦它，但无法修改其内容。
用户可以复制输入框中的内容。
readonly 属性不会阻止 JavaScript 修改输入框的值。
例如：

disabled:
当一个 元素被设置为 disabled，用户既不能看到输入框也不能聚焦它，以及不能修改其内容。
disabled 属性会阻止 JavaScript 修改输入框的值。
用户不能复制输入框中的内容。
例如：

总结：
readonly 只限制了用户的编辑能力，但允许其他交互（如复制值）。
disabled 不仅限制了编辑，还完全禁用了与输入框相关的所有用户交互。