Flask Academy · Урок

Создание HTML-формы для отправки

Создайте форму, действие которой направлено на маршрут.

Урок 1 из 413 шагов

«Создание HTML-формы для отправки» — бесплатный урок Flask Academy на CoddyKit. Это урок 1 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Flask Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Flask Academy содержит 4 уроков всего.

Части этого урока еще не переведены и отображаются на английском.

Why Forms Matter

An HTML form is how a browser collects typed input and hands it to your server. It is the front door for almost every user action. 📝

The form Element

Everything starts with a form tag. The browser bundles whatever fields live inside it and sends them together when the user submits.

<form>
  <!-- fields go here -->
</form>

Point It With action

The action attribute names the URL that receives the data. Leave it empty to post back to the same page the form lives on.

<form action="/signup">

Choose the method

Set method to post so the values travel in the request body, not the URL. That keeps form data tidy and out of browser history.

<form action="/signup" method="post">

Name Every Field

Each input needs a name attribute. That name becomes the key Flask uses to find the value on the server side.

<input type="text" name="username">

Add a Submit Button

A submit button triggers the send. Clicking it tells the browser to gather the named fields and fire the request to your action URL.

<button type="submit">Sign up</button>

Match the Route Methods

The receiving route must allow POST. List it in methods, or Flask answers with a 405 and your form data never lands.

@app.route("/signup", methods=["GET", "POST"])
def signup():
    ...

Read Values From request.form

On the server, posted fields live in request.form, a dict-like object keyed by each input name you defined in the HTML.

username = request.form["username"]

Serve the Form on GET

When the request is a GET, just render the page that shows the empty form so users have something to fill out.

if request.method == "GET":
    return render_template("signup.html")

Handle the POST Branch

When the method is POST, read the fields and act on them. One view can both show the form and process the submission.

if request.method == "POST":
    name = request.form["username"]

A Complete Mini Form

Put it together: a form that posts to /signup and a view that greets the user. That is the full round trip in a few lines.

@app.route("/signup", methods=["GET", "POST"])
def signup():
    if request.method == "POST":
        return "Hi " + request.form["username"]
    return render_template("signup.html")

Quick Check

Let us confirm what makes a form actually post.

Recap: Posting Forms

You built a form with an action and post method, named your fields, allowed POST on the route, and read values from request.form. 🎉

Можно начать бесплатно

Изучай Python с ИИ-репетитором — бесплатно

Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.

Курсы
30
Уроки
120

Часто задаваемые вопросы

Урок «Создание HTML-формы для отправки» бесплатный?

Да — полный текст урока «Создание HTML-формы для отправки» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Flask Academy, подпишись на CoddyKit PRO. Курс Flask Academy содержит 4 уроков всего.

Чему я научусь в уроке «Создание HTML-формы для отправки»?

Создайте форму, действие которой направлено на маршрут. Ты практикуешь Flask Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Flask Academy?

Предыдущий опыт не требуется. Flask Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 1 из 4.

Сколько времени занимает урок «Создание HTML-формы для отправки»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Flask Academy?

Да. Каждый урок Flask Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Создание HTML-формы для отправки
  2. Чтение параметров запроса и значения по умолчанию
  3. Ручная проверка обязательных полей
  4. Перенаправление после POST: шаблон PRG
← Назад к Flask Academy