templates/predictpage.html

<html>
    <head>
        <title>Flask Iris</title>
    </head>
    <body>
    <h1>Welcome to Predict Page</h1>
    <form action="/predictiris" method="POST">
    <input type="text" name="sepal_length" placeholder="Sepal Length" required><br><br>
    <input type="text" name="sepal_width" placeholder="Sepal Width" required><br><br>
    <input type="text" name="petal_length" placeholder="Petal Length" required><br><br>
    <input type="text" name="petal_width" placeholder="Petal Width" required><br><br>
    <input type="submit" value="Predict">
</form>
    {% if pred %}
      <div class="prediction">
        Prediction: {{ pred }}
      </div>

      <div class="pred-img">
        <img src="/static/images/{{ pred }}.jpg" alt="{{ pred }}">
      </div>
    {% endif %}

        <h3><a href="/">Back to Home</a></h3> <br>
       
    </body>
</html>