19

マテリアル デザインと、マテリアル デザインで説明されているガイドラインの一部について研究しています。

欠けていると思われるセクション (カバーする必要があるかどうかわからない) は、Google が Fieldsets にアプローチする方法です。ドキュメントは個々の入力をカバーしていますが、Fieldset を調べることはありません。

私がよく目にするアプローチの 1 つは、フォームを単一のカードに表示することです。他のアプローチでは、単純な標準背景に配置することを好みます。

フィールドセットを提示する最も「マテリアル デザイン」な方法は何ですか? 正しいか間違っているかはわかりませんが、理論的に正しいアプローチがあるはずです。

4

1 に答える 1

8

フォームの論理的なグループ化にステッパーを使用することが意図されているようです。実装によっては、これを行うのが難しい場合があります。

私が使用した代替手段は、リスト/ディバイダーを備えたカードです。たとえば、Angular Material では、このようなものです。ただし、やりすぎると、モバイルでは扱いにくくなる可能性があります。

<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>
于 2015-11-03T14:04:33.320 に答える