FileInput

label を渡し、name・multiple・accept・required・disabled・form などの標準の属性は、そのまま中の input type="file" に付きます。help・error は Field と同じく欄の下に出して入力に関連付けます。

欄はBasecamp 2のファイルの追加の欄と同じく、白い面に「ここに置ける」ことを示す1px #d5d5d5 の破線の枠（角丸3px）を付け、灰色のクリップのアイコン・灰色（#757575）のドロップの案内・そのすぐ後ろに「ファイルを選択」のリンクの形の操作（青緑の文字に下線）を一文のように並べます。ファイルを欄の上へ運ぶと、枠を青緑の実線にして淡い青緑の面を敷きます。error の時は枠を淡い赤にして淡い赤の面を敷き、アイコンを赤にします。disabled の時は形と面をそのままにし、文字とアイコンだけを灰色にして、ドロップの案内を隠します。タッチの画面ではドロップの案内を出しません。標準のファイル選択に加え、ドロップ・選んだファイルの一覧・選択の解除を持ちます。欄にファイルをドロップすると選んだのと同じになり、選んだファイルは FileItem の形で名前と大きさを並べます。「選択を解除」で選択を空にし、フォーカスを入力に戻します。

選び直しは置き換えで、前に選んだファイルに追加しません。multiple の無い欄に複数のファイルをドロップすると受け付けず、「一度に選択できるのは1ファイルです。」と知らせます。

accept は選択ダイアログと同じく、ドロップにも当てはめます。accept に当てはまらないファイルを含むドロップは受け付けず、「選択できない形式のファイルが含まれています。」と知らせます。拡張子（.pdf）・種類（image/*）・MIME（application/pdf）の書き方を、大文字と小文字を区別せずに比べます。

accept は選ぶ時の手がかりで、送られるファイルの保証ではありません（選択ダイアログでは全てのファイルを選べることがあります）。形式・容量の確かめと、アップロード・保存は送信先で行います。このコンポーネントは送信先や保存先を持ちません。

変更のイベント：選択・ドロップ・解除のどれでも、入力に標準の input・change を発火します。ドロップでは、取り消せる file-drop:beforedrop と、その後の file-drop:drop も発火します。フォームのリセットでは一覧も空に戻します。

JavaScriptが無い時は、標準のファイル選択をそのまま表示して送信できます。ドロップと一覧、選択の解除は使えません。