<button type="submit" class="btn btn-primary" name="download"
                                        value="<la:message key="labels.dict_protwords_button_download" />">
                                    <em class="fa fa-download">
                                    <la:message key="labels.dict_protwords_button_download"/>
                                </button>
                            </div>

                                <button type="submit" class="btn btn-success"
                                        value="<la:message key="labels.dict_protwords_button_upload" />">
                                    <em class="fa fa-upload">
                                    <la:message key="labels.dict_protwords_button_upload"/>
                                </button>
                            </div>

                                <button type="submit" class="btn btn-success"
                                        value="<la:message key="labels.dict_stemmeroverride_button_upload" />">
                                    <em class="fa fa-upload">
                                    <la:message key="labels.dict_stemmeroverride_button_upload"/>
                                </button>
                            </div>

![Swagger UI](https://fastapi.tiangolo.com/img/index/index-03-swagger-02.png)

* Click on the button "Try it out", it allows you to fill the parameters and directly interact with the API:

![Swagger UI interaction](https://fastapi.tiangolo.com/img/index/index-04-swagger-03.png)

* Then click on the "Execute" button, the user interface will communicate with your API, send the parameters, get the results and show them on the screen:

![Swagger UI](https://fastapi.tiangolo.com/img/index/index-03-swagger-02.png)

* Click on the button "Try it out", it allows you to fill the parameters and directly interact with the API:

![Swagger UI interaction](https://fastapi.tiangolo.com/img/index/index-04-swagger-03.png)

* Then click on the "Execute" button, the user interface will communicate with your API, send the parameters, get the results and show them on the screen:

        <h1>WebSocket Chat</h1>
        <h2>Your ID: <span id="ws-id"></span></h2>
        <form action="" onsubmit="sendMessage(event)">
            <input type="text" id="messageText" autocomplete="off"/>
            <button>Send</button>
        </form>
        <ul id='messages'>
        </ul>
        <script>
            var client_id = Date.now()
            document.querySelector("#ws-id").textContent = client_id;

                                                    <button type="button" class="btn btn-outline-light"
                                                            data-dismiss="modal">
                                                        <la:message key="labels.search_list_button_cancel"/>
                                                    </button>

Das gleiche wird passieren, wenn Sie eine <abbr title='Eine Union mehrerer Typen bedeutet: „Irgendeiner dieser Typen“'>Union</abbr> mehrerer Typen haben, und einer oder mehrere sind nicht gültige Pydantic-Typen. Zum Beispiel funktioniert folgendes nicht 💥:

=== "Python 3.10+"

    ```Python hl_lines="8"

labels.related_query_term=Term
labels.related_query_title_details=Related Query
labels.crud_button_create=Create
labels.crud_button_update=Update
labels.crud_button_delete=Delete
labels.crud_button_back=Back
labels.crud_button_edit=Edit
labels.crud_button_search=Search
labels.crud_button_reset=Reset
labels.crud_button_cancel=Cancel
labels.crud_link_create=Create New
labels.crud_link_delete=Delete

labels.related_query_term=Term
labels.related_query_title_details=Related Query
labels.crud_button_create=Create
labels.crud_button_update=Update
labels.crud_button_delete=Delete
labels.crud_button_back=Back
labels.crud_button_edit=Edit
labels.crud_button_search=Search
labels.crud_button_reset=Reset
labels.crud_button_cancel=Cancel
labels.crud_link_create=Create New
labels.crud_link_delete=Delete