Flask Academy · Lektion

Bygg ett HTML-formulär som skickar data

Skapa ett formulär vars action pekar på en route.

Lektion 1 av 413 steg

Bygg ett HTML-formulär som skickar data är en gratis lektion i Flask Academy på CoddyKit. Detta är lektion 1 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för Flask Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Flask Academy innehåller totalt 4 lektioner.

Varför formulär är viktiga

Ett HTML-formulär är hur en webbläsare samlar in inmatad information och lämnar över den till servern. Det är ingången till nästan alla användaråtgärder. 📝

Elementet form

Allt börjar med en form-tagg. Webbläsaren samlar ihop alla fält i den och skickar dem tillsammans när användaren skickar formuläret.

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

Ange destinationen med action

Attributet action anger URL:en som tar emot uppgifterna. Lämna det tomt om formuläret ska skickas tillbaka till samma sida som det finns på.

<form action="/signup">

Välj metod

Ange method som post så att värdena skickas i förfrågans body i stället för i URL:en. Då hålls formulärdata städad och borta från webbläsarens historik.

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

Namnge varje fält

Varje inmatningsfält behöver ett name-attribut. Namnet blir nyckeln som Flask använder för att hitta värdet på serversidan.

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

Lägg till en skicka-knapp

En submit-knapp utlöser sändningen. När Ni klickar på den samlar webbläsaren ihop de namngivna fälten och skickar förfrågan till Er action-URL.

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

Matcha routens metoder

Den mottagande routen måste tillåta POST. Lista metoden i methods, annars svarar Flask med 405 och Era formulärdata når aldrig fram.

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

Läs värden från request.form

På servern finns skickade fält i request.form, ett dict-liknande objekt där varje inmatningsfälts namn är nyckel.

username = request.form["username"]

Leverera formuläret vid GET

När förfrågan är en GET renderar Ni helt enkelt sidan som visar det tomma formuläret, så att användarna har något att fylla i.

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

Hantera POST-grenen

När metoden är POST läser Ni fälten och agerar på dem. En vy kan både visa formuläret och bearbeta insändningen.

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

Ett komplett miniformulär

Sätt ihop delarna: ett formulär som skickar data till /signup och en vy som hälsar användaren välkommen. Det är hela tur- och returflödet på några rader.

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

Snabb kontroll

Låt oss bekräfta vad som faktiskt gör att ett formulär skickas.

Besvara frågan i den interaktiva lektionen

Sammanfattning: skicka formulär

Ni byggde ett formulär med action och post-metod, namngav Era fält, tillät POST på routen och läste värden från request.form. 🎉

Gratis att börja

Lär dig Python med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser: 30
Lektioner: 120

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”Bygg ett HTML-formulär som skickar data” gratis?

Ja – hela texten till ”Bygg ett HTML-formulär som skickar data” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i Flask Academy, kan Ni uppgradera till CoddyKit PRO. Kursen i Flask Academy innehåller totalt 4 lektioner.

Vad lär jag mig i ”Bygg ett HTML-formulär som skickar data”?

Skapa ett formulär vars action pekar på en route. Ni övar på Flask Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig Flask Academy?

Du behöver inga förkunskaper. Utbildningen i Flask Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 1 av 4.

Hur lång tid tar lektionen ”Bygg ett HTML-formulär som skickar data”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här Flask Academy-lektionen?

Ja. Varje Flask Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

← Tillbaka till Flask Academy