Flask-WTFの非常に単純化されたwikiを読みましたが、それを使って何ができるかについてあまり理解できませんでした。私は<form>
、htmlのセクションが次のようにしか見えないという印象を受けています
<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">
ですが、今は<input>
行全体を置き換えていますと{{ form.date }}
...クラスを編集する特権を失いました。
WTFormsフィールドは、レンダリングする入力に設定される属性を使用して呼び出すことができます。フィールドを参照するだけでなく、スタイリングやJavaScript機能などに必要な属性をフィールドに渡します。ラベルは同じように動作し、でアクセスできますfield.label
。
for
、value
、type
、id
、とname
彼らは自動的に処理されているとして、渡さする必要はありません。属性の特殊なケースを処理するためのいくつかのルールがあります。属性名がのようなPythonキーワードの場合はclass
、アンダースコアを追加しますclass_
。ダッシュは有効なPython名ではないため、単語間のアンダースコアはダッシュに変換されます。data_toggle
になりdata-toggle
ます。
{{ form.first_name(class_='validate') }}
{{ form.first_name.label(class_='active') }}
{{ form.begins(class_='datepicker', length=50) }}
リンクされたメソッドはどちらも直接呼び出す必要がないことに注意してください。これらのドキュメントは、フィールドを呼び出すときの動作を説明しているだけです。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加