OptionalFields

items の一件ごとに、押すと現れる欄（field）とチップを作ります。追加した欄は上に積み、チップは下に並べます。チップは控えめな Button（平らな白、1px #cccccc の枠、角丸5px、高さ22px、黒い文字）です。stack ではHighriseの人の編集の「Add another」と同じく、チップの枠・面・影と左右の余白を外した灰色の文字にし、文字の頭を欄の名前にそろえます。ホバーすると黒い文字にします。チップを押すとその欄が現れ、チップは消えて、欄の最初の入力へフォーカスが移ります。追加した欄の末尾の「（label）を削除」を押すと、欄を隠してチップへ戻し、チップへフォーカスを移します。削除した欄の入力の値は、もう一度追加すると残っています。

値が入っている項目は open で最初から欄を出し、チップを出しません。保存した値から open を決めるのは利用側です。

欄はそれぞれ fieldset で包み、隠れている間は disabled にします。隠れた欄の入力は送信せず、required でも送信を止めません。送信先は、届かなかった名前を「追加していない項目」として扱います。

OptionalFieldsController を optional-fields として登録します。欄を追加すると optional-fields:add、削除すると optional-fields:remove を出します。

JavaScriptが無い時は、全ての欄を最初から出し、チップと削除の操作は出しません。全ての欄の入力を送信します。controllerが接続すると、open でない欄をチップへ畳みます。