如何实现三种互斥形式

时间:2018-08-07 00:03:58

标签: html5 forms user-interface user-experience

您将如何处理在一个页面中包含三种形式,但仅允许用户使用一种形式进行输入,从而以最用户友好的方式使其他形式处于不活动/禁用状态。

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

  • URL
  • 文件
  • 文本

1 个答案:

答案 0 :(得分:1)

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

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

为每个表单提供自己的提交按钮,仅可强制提交一个选项。