Accessing form data in routes in Flask - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to get the value of 'username' from the form data.

Flask

username = request.form.get([1])

Drag options to blanks, or click blank then click option'

A'username'

Busername

C'user'

Dform['username']

Attempts:

3 left

💡 Hint

Common Mistakes

Passing the field name without quotes causes a NameError.

Using dictionary access like form['username'] inside get() is incorrect.

The request.form.get() method expects the form field name as a string. So, you need to pass 'username' as a string.

2fill in blank

medium

Complete the code to import the Flask request object.

Flask

from flask import [1]

Drag options to blanks, or click blank then click option'

Aredirect

BFlask

Crender_template

Drequest

Attempts:

3 left

💡 Hint

Common Mistakes

Importing Flask instead of request.

Importing unrelated functions like render_template or redirect.

You need to import request from Flask to access form data inside routes.

3fill in blank

hard

Fix the error in the route to correctly access form data for 'email'.

Flask

@app.route('/submit', methods=['POST'])
def submit():
    email = request.[1]['email']
    return f"Email: {email}"

Drag options to blanks, or click blank then click option'

Aform

Bform.get

Cform.get()

Dform.get('email')

Attempts:

3 left

💡 Hint

Common Mistakes

Using form.get() with parentheses after form causes an error.

Trying to call get as an attribute incorrectly.

You should access request.form as a dictionary to get the value by key. Using request.form['email'] is correct.

4fill in blank

hard

Fill both blanks to create a route that handles POST requests and retrieves 'password' from form data.

Flask

@app.route('/login', methods=[[1]])
def login():
    password = request.form.get([2])
    return f"Password: {password}"

Drag options to blanks, or click blank then click option'

A'POST'

B'GET'

C'password'

D'userpass'

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'GET' instead of 'POST' in methods.

Passing the wrong string or variable name to get() for the password.

The route must accept POST requests, so 'POST' is used in methods. To get the password from form data, pass the string 'password' to request.form.get().

5fill in blank

hard

Fill all three blanks to create a route that accepts POST, retrieves 'email' and 'name' from form data, and returns a greeting.

Flask

@app.route('/greet', methods=[[1]])
def greet():
    email = request.form.get([2])
    name = request.form.get([3])
    return f"Hello, {name}! Your email is {email}."

Drag options to blanks, or click blank then click option'

A'POST'

B'email'

C'name'

D'username'

Attempts:

3 left

💡 Hint

Common Mistakes

Using 'GET' instead of 'POST' in methods.

Mixing up form field names or using incorrect strings.

The route must accept POST requests, so 'POST' is used in methods. To get the email and name from form data, pass the strings 'email' and 'name' respectively to request.form.get().

Practice

1. In Flask, which object do you use to access data submitted from an HTML form inside a route function?

easy

A. flask.formdata

B. request.args

C. session.data

D. request.form

Solution

1. Step 1: Recall the Flask object for accessing form data

   When a user submits a form, the data is sent in the HTTP request body, accessible via request.form. request.args is for URL query parameters, session.data and flask.formdata are not valid Flask objects for form data.

2. Final Answer:

   request.form -> Option D

3. Quick Check:

   Form data = request.form [OK]

Hint: Use request.form to get form fields in Flask routes [OK]

Common Mistakes:

• Confusing request.form with request.args
• Trying to access form data from session
• Using incorrect Flask objects like flask.formdata

2. Which of the following is the correct way to get the value of a form field named username inside a Flask route?

easy

A. username = request.form.get('username')

B. username = request.args['username']

C. username = request.form['user']

D. username = request.data['username']

Solution

1. Step 1: Identify the safe way to access form field 'username'

   The correct way to safely get a form field is request.form.get('fieldname'), which returns None if missing. request.args is for URL parameters, not form data; request.form['user'] uses wrong field name; request.data is raw data, not a dict.

2. Final Answer:

   username = request.form.get('username') -> Option A

3. Quick Check:

   Use request.form.get('field') for form fields [OK]

Hint: Use request.form.get('fieldname') to safely access form data [OK]

Common Mistakes:

• Using request.args for form data
• Using wrong field name in request.form
• Trying to index request.data as a dict

3. What will be the output of this Flask route when a POST request with form data {'email': '[e-mail]'} is sent?

from flask import Flask, request
app = Flask(__name__)

@app.route('/submit', methods=['POST'])
def submit():
    email = request.form['email']
    return f"Email received: {email}"

medium

A. KeyError: 'email'

B. Email received:

C. Email received: [e-mail]

D. TypeError: unsupported operand type(s)

Solution

1. Step 1: Trace the route execution with provided form data

   The code accesses the 'email' key directly from request.form, which contains the form data sent. The form data includes 'email' with value '[e-mail]', so no error occurs and the value is returned in the string.

2. Final Answer:

   Email received: [e-mail] -> Option C

3. Quick Check:

   Direct key access with existing field returns value [OK]

Hint: Direct key access works if field exists, else KeyError [OK]

Common Mistakes:

• Assuming request.form is empty
• Expecting get() behavior with direct indexing
• Confusing form data with query parameters

4. Identify the error in this Flask route code that tries to get a form field named age:

from flask import Flask, request
app = Flask(__name__)

@app.route('/age', methods=['POST'])
def age():
    age = request.form.get(age)
    return f"Age: {age}"

medium

A. Using variable age instead of string 'age' in get()

B. Missing methods=['POST'] in route decorator

C. Using request.args instead of request.form

D. Returning age without converting to int

Solution

1. Step 1: Locate the error in request.form.get() call

   The code uses request.form.get(age) where age is a variable not defined yet, causing a NameError. Correct usage requires string key: request.form.get('age').

2. Final Answer:

   Using variable age instead of string 'age' in get() -> Option A

3. Quick Check:

   Use string keys in request.form.get('field') [OK]

Hint: Always quote form field names as strings in get() [OK]

Common Mistakes:

• Passing variable instead of string key
• Forgetting to specify POST method
• Using request.args for form data

5. You want to create a Flask route that safely handles a form submission with optional field nickname. If the field is missing, it should return "No nickname provided". Which code snippet correctly implements this?

hard

A. nickname = request.form['nickname']
if not nickname:
return "No nickname provided"
return f"Nickname: {nickname}"

B. nickname = request.form.get('nickname')
if nickname is None:
return "No nickname provided"
return f"Nickname: {nickname}"

C. nickname = request.args.get('nickname')
if nickname == '':
return "No nickname provided"
return f"Nickname: {nickname}"

D. nickname = request.form.get('nickname', '')
if nickname == None:
return "No nickname provided"
return f"Nickname: {nickname}"

Solution

1. Step 1: Select code snippet for safe optional form field handling

   request.form.get('nickname') returns None if missing, avoiding KeyError. Compare with is None to return fallback. Others fail: B uses direct indexing (KeyError if missing); C uses request.args (wrong for form); D defaults to '' so == None fails.

2. Final Answer:

   nickname = request.form.get('nickname') if nickname is None: return "No nickname provided" return f"Nickname: {nickname}" -> Option B

3. Quick Check:

   Use get() and check None for optional form fields [OK]

Hint: Use get() and check None to handle missing form fields safely [OK]

Common Mistakes:

• Using direct indexing without checking existence
• Using request.args for form data
• Comparing default '' with None incorrectly