【发布时间】:2021-09-29 01:57:35
【问题描述】:
我有一个带有提交按钮的表单。当我按回车键时,表单被提交。到目前为止,一切顺利。
但是,如果用户检查表单中的某个值,则会显示表单部分 OPT。此部分包括输入字段和“添加到列表”按钮。
我想要实现的是,当 OPT 表单部分打开并且用户单击回车键时,应该单击“添加到列表”按钮而不是“提交按钮”。
如何做到这一点?
【问题讨论】:
标签: javascript reactjs material-ui react-final-form
我有一个带有提交按钮的表单。当我按回车键时,表单被提交。到目前为止,一切顺利。
但是,如果用户检查表单中的某个值,则会显示表单部分 OPT。此部分包括输入字段和“添加到列表”按钮。
我想要实现的是,当 OPT 表单部分打开并且用户单击回车键时,应该单击“添加到列表”按钮而不是“提交按钮”。
如何做到这一点?
【问题讨论】:
标签: javascript reactjs material-ui react-final-form
我认为,一个合理的解决方案是让“包括输入字段和“添加到列表”按钮”的部分成为自己的 <form>,嵌套在顶级 <form> 内。然后“添加到列表”可以是该子表单的提交按钮。浏览器应该根据哪个表单具有焦点(外部或内部)选择正确的提交按钮。
【讨论】: