How to get html element in python program

Question

I have my python code where I use html file. Please see below code:

@app.route('/',endpoint='buf')
def index():
    page = """
    <DOCTYPE! html>
    <html lang="en-US">
    <head>
    <title>Hello World Page</title>
    <meta charset=utf-8">
    </head>
    <body>
    <form action="/hello" method="GET">
    First: <input type="text" name="fname"><br>
    Last name: <input type="text" name="lname"><br>
    <input type="submit" value="Submit">
    </form>
    </body>
    </html>
    """   
    return page


@app.route('/hello',endpoint="new",methods=['GET'])
def login():
         return 'hello %s ' % (request.form['fname'])

This gives me an html page , which has a form with two fields and a submit button. I use virtual env to run this.

Now I want to get the fields first name and last name in my program so that when user click submit I want to display Hello "first name""last name"

Purpose :- to learn how to get the html element values when provided with a code In a python file.

Easy... You read everything regarding POST here flask.pocoo.org/docs/quickstart — Torxed
– Torxed, Commented Mar 25, 2014 at 16:30

alecxe · Accepted Answer · 2014-03-25 16:32:22Z

2

Several things to do to make it work:

add POST and GET to supported methods of an app.route:
```
@app.route('/', methods=['POST', 'GET'])
```
in the view, handle both GET (when the user opens up a web page) and POST (when the user submits the form)
extract html code into an html template file and render it in the view (docs on rendering templates)

Here's the code with changes:

from flask import render_template
...

@app.route('/', methods=['POST', 'GET'])
def index():
    if request.method == 'POST':
        # use request.form['fname'] and request.form['lname'] 
        # to access form input values
    else:
        return render_template('index.html')

Also see documentation page.

Hope that helps.

answered Mar 25, 2014 at 16:32

alecxe

476k127 gold badges1.1k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

16 Comments

user3369157 Over a year ago

and where should my <html></html> code fit in here?

alecxe Over a year ago

@user3369157 in a separate html file under templates directory (docs).

user3369157 Over a year ago

That what I said, I don't want to use html file. I just wrote my html code in the index() function and I am returning the page. Is there a way to get the input fields from the code I posted?

alecxe Over a year ago

@user3369157 it is not actually relevant where are you putting that html form code. The answer still briefly explains how you can get the form input values inside the index view.

alecxe Over a year ago

@user3369157 on the line print request.form['fname'] you should return 'Hello %s %s' % (request.form['fname'], request.form['lname']).

|

Collectives™ on Stack Overflow

How to get html element in python program

1 Answer 1

16 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

16 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related