web-dev-qa-db-ja.com

入力ボックスが一緒にパックされたフォーム

このフォームのスタイルの正式名称はあるのでしょうか。

enter image description here

使用例: https://www.tumblr.com/login OR https://www.tumblr.com/register where入力ボックスは、間に線を入れてまとめられます。

11
James Gu

私はそれがiOS UIスタイルを模倣していると思います(少なくともiOSの前にそのようなコンポーネントを覚えていません。他の情報がある場合は修正してください):

enter image description hereソース

GroupedスタイルのUITableViewです。

または、「テキストフィールドグループ」と呼ぶこともできます。

7
Renat Gilmanov

それらはGrouped Form Fieldsとして参照できます。

一部デザイントレンドです。ほとんどの人は、見た目は良いかもしれませんが、使いやすさの観点からはすばらしいとは思わないでしょう。このようにフィールドを組み合わせる必要なく、フィールドを密接にグループ化できます。たとえば、フィールドの2番目の部分を入力するためにもう一度タップする必要があることに誰かが気付かない場合があります。


Grouped Form Fields

6
Andy Fleming