<div class="card-body">
                                    <div class="form-group row">
                                        <label class="col-sm-3 text-sm-right col-form-label"><la:message
                                                key="labels.design_file"/></label>
                                        <div class="form-inline col-sm-9">
                                            <la:errors property="designFile"/>

                form.autoExpandReplicasForDoc)) {
            saveInfo(messages -> messages.addSuccessStartedDataUpdate(GLOBAL));
        }
        return redirect(getClass());
    }

    /**
     * Reloads the document index by closing and reopening it.
     *

    @UriType(protocolType = ProtocolType.WEB)
    @CustomSize(maxKey = "form.admin.max.input.size")
    public String urls;

    /**
     * URL patterns to include during crawling.
     */
    @CustomSize(maxKey = "form.admin.max.input.size")
    public String includedUrls;

    /**
     * URL patterns to exclude during crawling.
     */
    @CustomSize(maxKey = "form.admin.max.input.size")
    public String excludedUrls;

    /**

# リクエストフォームとファイル

`File`と`Form`を同時に使うことでファイルとフォームフィールドを定義することができます。

/// info | 情報

アップロードされたファイルやフォームデータを受信するには、まず<a href="https://andrew-d.github.io/python-multipart/" class="external-link" target="_blank">`python-multipart`</a>をインストールします。

例えば、`pip install python-multipart`のように。

///

## `File`と`Form`のインポート

{* ../../docs_src/request_forms_and_files/tutorial001.py hl[1] *}

## `File`と`Form`のパラメータの定義

                                <div class="form-group row">
                                    <label for="url" class="col-sm-2 text-sm-right col-form-label"><la:message
                                            key="labels.failure_url_search_url"/></label>
                                    <div class="col-sm-10">
                                        <la:text styleId="url" property="url" styleClass="form-control"></la:text>

                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="userSessionIdSearch" class="col-sm-2 text-sm-right col-form-label"><la:message
                                            key="labels.searchlog_usersessionid"/></label>

  ).substr(0, 2);
  moment.locale(lang);
  $("input.form-control.date")
    .daterangepicker({
      autoUpdateInput: false,
      timePicker: false,
      singleDatePicker: true,
      locale: {
        format: "YYYY-MM-DD"
      }
    })
    .on("apply.daterangepicker", function(ev, picker) {
      $(this).val(picker.startDate.format("YYYY-MM-DD"));
    });
  $("input.form-control.daterange")
    .daterangepicker({

Isso não é uma limitação do **FastAPI** , é parte do protocolo HTTP.

///

## Recapitulando

///

## O que é "Form Data"

O jeito que os formulários HTML (`<form></form>`) enviam os dados para o servidor normalmente usa uma codificação "especial" para esses dados, a qual é diferente do JSON.

**FastAPI** se certificará de ler esses dados do lugar certo, ao invés de JSON.

                                    <div class="form-group row">
                                        <label for="name" class="col-sm-2 text-sm-right col-form-label"><la:message
                                                key="labels.name"/></label>
                                        <div class="col-sm-10">
                                            <la:text styleId="name" property="name" styleClass="form-control"/>