gpt4 book ai didi

python - 在 wtforms.fields.html5.DecimalRangeField 旁边显示 slider 值

转载 作者:行者123 更新时间:2023-12-03 15:57:41 25 4
gpt4 key购买 nike

我试图在我的 wtforms.fields.html5.DecimalRangeField 旁边显示 slider 值。我当前的代码(下面的相关摘录)仅呈现 slider ,没有任何值(value)。全部 examples到目前为止,我看到的是纯 HTML5 代码,并且我缺乏关于如何使用我的 jinja2 模板作为起点来执行此操作的方向。

有什么建议么?

从 main.py 中提取:

class MyForm(Form):
MyField = DecimalRangeField('Age', [validators.NumberRange(min=1, max=100)])

从 form.html 中提取
<div>{{ wtf.form_field(form.MyField) }}</div>

最佳答案

试试这个代码(gist):

from flask import Flask, render_template_string
from wtforms import Form
from wtforms.fields.html5 import DecimalRangeField


app = Flask(__name__)
app.config['DEBUG'] = True

TPL = '''
<!DOCTYPE html>
<html>
<head>
<script>
function outputUpdate(age) {
document.querySelector('#selected-age').value = age;
}
</script>
</head>
<body>
<form>
<p>
{{ form.age.label }}:
{{ form.age(min=0, max=100, oninput="outputUpdate(value)") }}
<output for="age" id="selected-age">{{ form.age.data }}</output>
</p>
</form>
</body>
</html>
'''

class TestForm(Form):
age = DecimalRangeField('Age', default=0)


@app.route("/")
def home():
form = TestForm(csrf_enabled=False)
return render_template_string(TPL, form=form)


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

关于python - 在 wtforms.fields.html5.DecimalRangeField 旁边显示 slider 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31136882/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com