| <html> | |
| <head> | |
| <title>Iris Flower Prediction</title> | |
| <style> | |
| body { font-family: Arial, sans-serif; margin: 40px; text-align: center; } | |
| form { margin: 20px auto; width: 300px; } | |
| input { margin: 5px; padding: 8px; width: 90%; } | |
| button { padding: 10px; margin-top: 10px; background: #4CAF50; color: white; border: none; cursor: pointer; } | |
| button:hover { background: #45a049; } | |
| .result { font-size: 20px; color: darkblue; margin-top: 20px; } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>Iris Flower Prediction</h1> | |
| <form method="post"> | |
| <input type="text" name="sepal_length" placeholder="Sepal Length" required><br> | |
| <input type="text" name="sepal_width" placeholder="Sepal Width" required><br> | |
| <input type="text" name="petal_length" placeholder="Petal Length" required><br> | |
| <input type="text" name="petal_width" placeholder="Petal Width" required><br> | |
| <button type="submit">Predict</button> | |
| </form> | |
| <div class="result"> | |
| {{ prediction_text }} | |
| </div> | |
| </body> | |
| </html> |