Создать обработчик события для кнопки отправки - PullRequest
Новая
       8

Создать обработчик события для кнопки отправки

0 голосов
/ 30 октября 2018

Я хочу сделать обработчик событий для кнопки, который изменит цвет фона.

Это мой код

HTML 

 <!DOCTYPE html>
    <html lang="en" dir="ltr">
      <head>
        <meta charset="utf-8">
        <title>Flask Tutorial</title>
      </head>
      <body>
        <h1> My First Try Using Flask </h1>
        <p> Flask is Fun </p>
         <form method="post">
        <input  type="submit" name="red" value ="red" >
         </form>
      </body>
    </html>

Настой 

from flask import Flask, render_template
app = Flask(__name__)
@app.route("/")
def home():
    red  = request.form("background-color:red;")
    return render_template("home.html")

if __name__ == "__main__":
    app.run(debug=True)

Как установить четный обработчик для нажатия кнопки во Flask?

1 Ответ

0 голосов
/ 30 октября 2018

Итак, это простой обработчик событий, написанный в колбе.

index.html (ваш код с атрибутом действия для формы): 

 <!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Flask Tutorial</title>
  </head>
  <body>
    <h1> My First Try Using Flask </h1>
    <p> Flask is Fun </p>
     <form action="/action" method="POST">
    <input  type="submit" name="red" value ="red" >
     </form>
  </body>
</html>

Тогда действие - это другая html-страница, похожая на обработчик событий. action.html: 

<html> <p> Button color is {{ red }} </p> </html>

И код колбы для обработки событий ниже: 

from flask import Flask, render_template, request
import os

app = Flask(__name__, template_folder=os.getcwd())
@app.route("/")
def home():
    return render_template('index.html')

@app.route("/action", methods = ['POST'])
def action():
    red = request.form.get('red')
    return render_template('action.html', red=red)

if __name__ == "__main__":
    app.run(debug=True)

Надеюсь, это поможет

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...