我阅读了Flask WTF极其简化的wiki,对我能用它做什么了解不多。我的印象是html的<form>
部分现在只能看起来像
<form method="post">
{{ form.hidden_tag() }}
{{ form.name }}
<input type="submit">
</form>
但我真的想把我的使用风格具体化,比如:
<div class="row">
<div class="input-field col s6">
<i class="material-icons prefix">account_circle</i>
<input value="FN" id="first_name" type="text" class="validate">
<label class="active" for="first_name">First Name</label>
</div>
<div class="input-field col s6">
<input value="LN" id="last_name" type="text" class="validate">
<label class="active" for="last_name">Last Name</label>
</div>
</div>
我可以把{{ form.first_name }}
和{{ form.last_name }}
放在哪里?
编辑:让我再详细解释一下我的回答:
例如,我想要像物化的datepicker
(一个好的弹出日历,允许用户选择日期),这应该在<input class='datepicker' length="50">
中,但现在我要用{{ form.date }}
替换整个<input>
行。。。我失去了编辑这个类的特权。
WTForms字段可以是called,其属性将在它们呈现的输入上设置。将样式设置、JavaScript功能等所需的属性传递给字段,而不仅仅是引用字段。标签的行为方式相同,可以使用
field.label
访问。for
、value
、type
、id
和name
不需要传递,因为它们是自动处理的。有一些rules用于处理属性的特殊情况。如果属性名是Python关键字,例如class
,请附加下划线:class_
。破折号不是有效的Python名称,因此单词之间的下划线将转换为破折号;data_toggle
变为data-toggle
。注意,两个链接的方法都不需要直接调用,这些文档只描述调用字段时的行为。
在WTForms 2.1中,我使用
extra_classes
,如下面的行:1。第一条路
或者你的情况是这样的:
我们还可以对表单字段使用
render_kw
属性,如下所示:2。第二条路
但我更愿意用第一种方式。
相关问题 更多 >
编程相关推荐