如何实现三种互斥的Form

Question

您将如何处理一个页面中的三种表单，但只允许用户使用一种进行输入，从而以最用户友好的方式制作其他表单 inactive/disabled。

例如让用户选择以下形式之一：

• URL
• 文件
• 文字

Answer 1

尝试一组标签。仅在相应选项卡处于活动状态时显示相关表格。

https://getbootstrap.com/docs/4.0/components/navs/#tabs

为每个表单提供自己的提交按钮，强制只能提交一个选项。