如何将 HTML 输入文本值作为参数传递给 python function？

Question

So I have a python code, that I have implemented in HTML using pyscript. My python code has a function which takes in a word as a parameter and does something with it. How can I make it so whatever I put in the text field in HTML, gets passed as a parameter and calls the python function?

The alternative, if anyone knows how to do, how can I get a value of HTML element with python?

If anyone has any methods including javascript that can make this work, I'd appreciate that too. I'm just looking for any way possible to call my python function with the content or value of element.

I have tried multiple methods (ALTHOUGH I'm not sure if I did them right) and here they are:

I tried using cgi like this,

In HTML:

<form action = "/submit" method = "post">
      <input name="word" type="text" value="TESTING">
</form>

In Python:

import cgi, cgitb
form = cgi.FieldStorage()
text = form.getvalue('word')
print(text)

and text returns none, so no value taken.

I tried the form and @app.route method, but everytime I submit the form, it opens a new page and finds nothing, saying file not found.

In HTML:

<form action = "/submit" method = "post">
      <input name="word" type="text" value="TESTING">
      <input type="submit" class = "file_submit">
</form>

In Python:

from flask import Flask, render_template, request, redirect, url_for,request, make_response
app = Flask(__name__)

@app.route("/")
def home():
  return "hi"
@app.route("/index")

@app.route("/submit", methods = ['POST', "GET"])
def submit():
   message = None
   if request.method == 'POST':
    output = request.form.to_dict()
    word = output["submit"]
    anagram(word) #this is the function I want to call, I want word to be what I type in HTML input
    return render_template("Pyth/py.html")

I'm new to web developm.net, but I have looked everywhere on the inte.net and I cannot find the asnwer to this.

Answer 1

Here's an example that does a very basic anagram service. Put this in a file called something.py , then bring up http://yourwebsite/something.py in your browser.

#! /usr/bin/env python3

import cgi
import random
form = cgi.FieldStorage()
if 'submit' not in form:
    print('''Content-Type: text/html

<form method="post">
<input name="word" type="text" value="TESTING">
<input type='submit' name='submit'>
</form>
''')
else:
    word = form.getvalue('word')
    anagram = list(word)
    random.shuffle(anagram)
    anagram = ''.join(anagram)
    print(f'''Content-Type: text/html

Your word is {anagram}.
''')
~