# 
## Overview
**Flask** is a framework that is widely used to create APIs in Python. It is a simple yet powerful web framework. Flask is designed to help us work efficiently with its ability to scale up to complex applications.

In this shot, we learn how to retrieve HTML data from a Flask application. 

## Installing dependencies
First, we need to run the commands below to install the required dependencies:

```shell
pip install pipenv 
pipenv shell 
pipenv install Flask
```
Let's create a file and name it **`app.py`</a>**.

We get the `HTML input` from the `Form` using the **`request.form.get()`** function. We pass the name of HTML input as an argument.

Let's look at an example:
```xml
k38 = request.form.get('kubernetes')
ansible = request.form.get('playbook')
```


In the code above:
- `request.form.get('kubernetes')` takes the input as its parameter. In this case, the input is `kubernetes` and is stored in a `k38` variable.
- `request.form.get('playbook') `takes the input as its parameter. In this case, the input is `playbook` and is stored in the `ansible` variable.

## Code example






from flask import Flask, request, render_template


app = Flask(__name__)

# Creating a route that has both GET and POST request methods
@app.route('/', methods=['GET', 'POST'])
def home():
    if request.method == 'POST':
        name = request.form.get('name')
        username = request.form.get('username')
        
        return f'{name}, your username is {username}'
    return render_template('home.html')


# Initiating the application
if __name__ == '__main__':
    # Running the application and leaving the debug mode ON
    app.run(debug=True)

## Explanation
- We create a folder and name it **`templates`**.

 - Inside the `templates` folder, we create a file and name it **`home.html`**. Then, we add the following code.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="" method="post">
        <label for="name">Name:</label>
        <input type="text" id="name" name="name" placeholder="name">
        <label for="username">Username:</label>
        <input type="text" id="username" name="username" placeholder="username">
        <button type="submit">Submit</button>
    </form>
</body>
</html>

In our terminal, we run the following command to start the web application:
```shell
python app.py
```

import React from 'react';
import { shallow, configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

configure({ adapter: new Adapter() });

import HelloWorld from './app';

var TestResult = function() {
    this.succeeded = false;
    this.reason = "";
    this.input = "";
    this.expected_output = "";
    this.actual_output = "";
}

export const executeTests = function() {

  var results = [];

  result = new TestResult();
  result.input = 'HelloWorld Component';
  result.expected_output = "span containing text 'Hello World'"

  let wrapper = shallow(<HelloWorld />);

  // Call your Challenge function here.

  let type = wrapper.type();
  let testSuccessful = true;
  let failureReason;

  if (type !== 'span') {
    testSuccessful = false;
    failureReason = "You need to render exactly one span HTML element";
  } else if (wrapper.props().children != "Hello World") {
     testSuccessful = false;
     failureReason = "You have rendered wrong message in your span element";
  }

  result.actual_output = wrapper.html();

  if (testSuccessful) {
    result.succeeded = true;
    result.reason = "Succeeded"
  } else {
    result.succeeded = false;
    result.reason = failureReason;
  }

  results.push(result);

  return results;
}


flask

React

Dart

GoJS React

Typescript React

Vue.js

tarball.tar.gz

How to retrieve HTML data from Flask

Install Flask dependencies, use request.form.get() to retrieve HTML form data, and run the app with python app.py.