【问题标题】:Material Design Forms材料设计表格
【发布时间】:2015-05-19 17:07:48
【问题描述】:

我正在研究材料设计和材料设计中描述的一些指南。

我似乎缺少的部分(不确定是否应该涵盖)是 Google 如何处理 Fieldsets。该文档确实涵盖了各个输入,但从不研究 Fieldset。

我经常看到的一种方法是将表单显示在单张卡片上。其他方法更喜欢将它放在简单的标准背景上。

呈现字段集的最“材料设计”方式是什么?我知道没有对错之分,但应该有理论上正确的做法。

【问题讨论】:

    标签: material-design angular-material materialized


    【解决方案1】:

    似乎预期的做法可能是将Steppers 用于表单的逻辑分组。根据您的实施,这可能很难做到。

    我使用的替代方法是带有列表/分隔符的卡片,例如在角材料something like this。如果过度使用它可能会在移动设备上变得笨拙。

    <md-card style="max-width: 500px;">
        <md-card-content md-padding>
            <p class="md-heading">Title</p>
            ...content...
        </md-card-content>
        <md-divider></md-divider>
        <md-card-content md-padding>
        </md-card-content>
    </md-card>
    

    【讨论】:

      猜你喜欢
      • 2019-01-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-02-05
      • 2015-04-17
      相关资源
      最近更新 更多