在文本输入标签的 value 属性中使用 Jinja 模板答案

【问题标题】：Using Jinja Template inside the value attribute of a text input tag在文本输入标签的 value 属性中使用 Jinja 模板
【发布时间】：2020-07-30 01:20:45
【问题描述】：

我正在尝试使用 web 框架烧瓶设计网页。这是我面临的问题的基本表示。

app.py

app = Flask(__name__)

@app.route('/')
def home():
    return render_template('main.html', value="Utkarsh Prakash") 

@app.route('/approved', methods = ['POST', 'GET'])
def approved():
    return "Done"

if __name__ == '__main__':
    app.run(debug = False, threaded=False)

main.html

<HTML>
    <BODY>
        <FORM action = "/approved" method = "POST">
            {{value}}
            <INPUT type="text" name="text" value={{value}}>
            <INPUT type = "Submit">
        </FORM>
    </BODY>
</HTML>

我只想将我从烧瓶代码中呈现的值作为我的文本输入文件的预定义值传递。虽然 {{value}} 包含两个词“Utkarsh Prakash”，但我的输入文本字段只包含一个词，即“Utkarsh”。

enter image description here

如何在输入文本区域中同时显示两个单词？

【问题讨论】：

标签： html flask jinja2

【解决方案1】：

问题在你的main.html，你没有引用属性值，所以你的模板的结果是

<input type="text" name="text" value=Utkarsh Prakash>

只需更改您的模板，使其具有value="{{ value }}"

<input type="text" name="text" value="{{ value }}">

编辑代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action = "/approved" method = "POST">
            {{value}}
            <input type="text" name="text" value="{{ value }}">
            <input type = "Submit">
        </form>
</body>
</html>

还有一件事，请将所有大写的html标签改为小写。

【讨论】：