【问题标题】:How to give priority to non-submit button over a submit button in material-ui?如何在material-ui中将非提交按钮优先于提交按钮?
【发布时间】:2021-09-29 01:57:35
【问题描述】:

我有一个带有提交按钮的表单。当我按回车键时,表单被提交。到目前为止,一切顺利。

但是,如果用户检查表单中的某个值,则会显示表单部分 OPT。此部分包括输入字段和“添加到列表”按钮。

我想要实现的是,当 OPT 表单部分打开并且用户单击回车键时,应该单击“添加到列表”按钮而不是“提交按钮”。

如何做到这一点?

【问题讨论】:

    标签: javascript reactjs material-ui react-final-form


    【解决方案1】:

    我认为,一个合理的解决方案是让“包括输入字段和“添加到列表”按钮”的部分成为自己的 <form>,嵌套在顶级 <form> 内。然后“添加到列表”可以是该子表单的提交按钮。浏览器应该根据哪个表单具有焦点(外部或内部)选择正确的提交按钮。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2011-05-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-06-02
      • 1970-01-01
      • 2014-02-03
      相关资源
      最近更新 更多