1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | <!DOCTYPE html> <html> <body> <h2>HTML Forms</h2> <form action="/ai_calculator" method="POST"> Number 1:<br> <input type="text" name="num1" > <br> Number 2:<br> <input type="text" name="num2" > <br> <select name="opcode" > <option value="add">+</option> <option value="sub">-</option> <option value="mul">*</option> <option value="div">/</option> </select> <br> <input type="submit" value="Submit"> </form> {% if result %} <p>Result : {{result}}</p> {% endif %} </body> </html> <style> input[type=text], select { width: 100%; padding: 12px 20px; margin: 8px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } input[type=submit] { width: 100%; background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; border-radius: 4px; cursor: pointer; } input[type=submit]:hover { background-color: #45a049; } div { border-radius: 5px; background-color: #f2f2f2; padding: 20px; } </style> | cs |
'Python' 카테고리의 다른 글
| [플라스크] 계산기 calculator.html (0) | 2020.04.30 |
|---|---|
| [플라스크] login.html (0) | 2020.04.30 |
| [플라스크] index.html (0) | 2020.04.30 |
| [머신러닝] 캐글 타이타닉 분석코드 titanic.py (0) | 2020.04.19 |
| [머신러닝] celeb A에서 제공하는 face data 사용하기 (0) | 2020.03.27 |
