Create a plain HTML form and Link it to a simple Flask API to display the contents of the form

HTML: index page


<div class="container">
    <h2>User Registration</h2>
    <form action="http://127.0.0.1:5000/submit" method="post">
        <div class="form-group">
            <label for="username">Username:</label>
            <input type="text" id="username" name="username" required>
        </div>
        
        <div class="form-group">
            <label for="password">Password:</label>
            <input type="password" id="password" name="password" required>
        </div>
        <div class="form-group">
            <label for="confirm_password">Confirm Password:</label>
            <input type="password" id="confirm_password" name="confirm_password" required>
        </div>
        <button type="submit" class="btn" data-bind="click: customRegister">Register</button>
    </form>
</div>


Python Code For Flask API


from flask import Flask, redirect, render_template, request, url_for

import json, requests

from flask_cors import CORS, cross_origin

from flask import Response, jsonify


app=Flask(__name__)

@app.route('/')
def welcome():
    return render_template("index.html")


@app.route("/submit", methods=["POST"])
def submit():
    print(request.data)
    username = ""
    password = ""
    retypepassword = ""
    if request.method=="POST":
        username = request.form["username"]
        password = request.form["password"]
        retypepassword = request.form["confirm_password"]
        print(username, password, retypepassword)

    # return render_template("result.html", username=username, password=password, retypepassword=retypepassword)
    return "Hi, " +  username
    
if __name__=='__main__':
    app.run(debug=True)