<div class="form-inline col-sm-9">
                                        <la:errors property="popularWord"/>
                                        <div class="form-check">
                                            <la:checkbox styleId="popularWord" styleClass="form-check-input" property="popularWord"/>
                                            <label for="popularWord" class="form-check-label">

                                        <la:text styleId="hostname" property="hostname" styleClass="form-control"/>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="port" class="col-sm-3 text-sm-right col-form-label"><la:message
                                            key="labels.webauth_port"/></label>

**FastAPI**'s `UploadFile` inherits directly from **Starlette**'s `UploadFile`, but adds some necessary parts to make it compatible with **Pydantic** and the other parts of FastAPI.

///

## What is "Form Data" { #what-is-form-data }

The way HTML forms (`<form></form>`) sends the data to the server normally uses a "special" encoding for that data, it's different from JSON.

**FastAPI** will make sure to read that data from the right place instead of JSON.

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

        validate(form, messages -> {}, () -> asListHtml(form.dictId));
        charMappingService.getCharMappingItem(form.dictId, form.id).ifPresent(entity -> {
            form.inputs = entity.getInputsValue();
            form.output = entity.getOutput();
        }).orElse(() -> {
            throwValidationError(messages -> messages.addErrorsCrudCouldNotFindCrudTable(GLOBAL, form.getDisplayId()),

                                        <la:text styleId="hostname" property="hostname" styleClass="form-control"/>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label for="port" class="col-sm-3 text-sm-right col-form-label"><la:message
                                            key="labels.file_auth_port"/></label>

          + "quis in augue. Suspendisse id dui in lorem tristique placerat eget vel risus. Sed "
          + "metus neque, scelerisque in molestie ac, mattis quis lectus. Pellentesque viverra "
          + "justo commodo quam bibendum ut gravida leo accumsan. Nullam malesuada sagittis diam, "
          + "quis suscipit mauris euismod vulputate. Pellentesque ultrices tellus sed lorem "

    }

    /**
     * Displays the form for editing an existing user.
     *
     * @param form the edit form containing user ID
     * @return HTML response for the user edit form
     */
    @Execute
    @Secured({ ROLE })
    public HtmlResponse edit(final EditForm form) {
        validate(form, messages -> {}, this::asListHtml);
        final String id = form.id;

    /**
     * Creates a crawling configuration and returns to the config form.
     *
     * @param form the form containing crawling configuration data
     * @return HTML response redirecting to the config form
     */
    @Execute
    @Secured({ ROLE })
    public HtmlResponse crawlingConfig(final CrawlingConfigForm form) {
        validate(form, messages -> {}, () -> asHtml(path_AdminWizard_AdminWizardConfigJsp));

     *
     * @param form the create form
     * @return HTML response for the document creation form
     */
    @Execute
    @Secured({ ROLE })
    public HtmlResponse createnew(final CreateForm form) {
        saveToken();
        form.initialize();
        form.crudMode = CrudMode.CREATE;
        getDoc(form).ifPresent(entity -> {
            form.doc = fessConfig.convertToEditableDoc(entity);