Accessing form data in routes in Flask - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ component_behavior

intermediate

What is the output when submitting a form with 'username=alice'?

Given this Flask route, what will be printed when a form with a field 'username' set to 'alice' is submitted via POST?

Flask

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

@app.route('/submit', methods=['POST'])
def submit():
    user = request.form.get('username')
    return f'Hello, {user}!'

A Hello, alice!

B Hello, None!

C Method Not Allowed

D KeyError: 'username'

💡 Hint

Remember that form data is accessed via request.form in Flask routes handling POST requests.

The route uses request.form.get('username') which safely returns the value 'alice' from the submitted form data. So the output is 'Hello, alice!'.

🔧 Debug

intermediate

Which option causes a runtime error when accessing form data?

Identify the option that will cause a runtime error in a Flask route when trying to get form data.

Flask

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

@app.route('/login', methods=['POST'])
def login():
    # Access form data here
    pass

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

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

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

D username = request.form['username']

💡 Hint

Check for calling methods vs indexing on methods.

Option C uses square brackets on get, which is a method, causing TypeError: 'method' object is not subscriptable. The correct way is get('key').

❓ state_output

advanced

What is the value of 'email' after submitting a form without the 'email' field?

Consider this Flask route: @app.route('/register', methods=['POST']) def register(): email = request.form.get('email', 'not_provided') return email What will be returned if the submitted form does NOT include an 'email' field?

Flask

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

@app.route('/register', methods=['POST'])
def register():
    email = request.form.get('email', 'not_provided')
    return email

A KeyError

B '' (empty string)

C None

D 'not_provided'

💡 Hint

What does get return if the key is missing and a default is given?

The get method returns the default value 'not_provided' when the key 'email' is missing in form data.

🔧 Debug

advanced

Which option causes a runtime error when accessing form data?

Given this Flask route, which option will cause a runtime error when the form is submitted?

Flask

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

@app.route('/update', methods=['POST'])
def update():
    # Access form data here
    pass

A age = int(request.form.get('age', '0'))

B age = int(request.form.get('age'))

C age = int(request.form['age'])

D age = int(request.form.get('age', 0))

💡 Hint

Consider what happens if 'age' is missing and get returns None.

Option B calls int(None) if 'age' is missing, causing a TypeError at runtime.

🧠 Conceptual

expert

Which option correctly accesses multiple values for the same form field?

In Flask, when a form submits multiple values for the same field name 'colors', which option correctly retrieves all values as a list?

Flask

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

@app.route('/colors', methods=['POST'])
def colors():
    # Retrieve all 'colors' values
    pass

A colors = request.form.getlist('colors')

B colors = request.form.get('colors')

C colors = request.form['colors']

D colors = request.form.values('colors')

💡 Hint

Check Flask's method for getting multiple values from form data.

The getlist method returns all values for a given key as a list, which is needed when multiple values are submitted.

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