Блог

Главная - Вопросы по программированию - Как сделать, чтобы метка формы и поле ввода были встроенными при использовании wtf.form_field и bootstrap

Как сделать, чтобы метка формы и поле ввода были встроенными при использовании wtf.form_field и bootstrap

#twitter-bootstrap #flask-wtforms

#twitter-bootstrap #flask-wtforms

Вопрос:

Я пытаюсь создать форму, в которой метка формы встроена в поле, а не над ним. Я использую flask-wtf и bootstrap.

Используя приведенный ниже код, по умолчанию над полем должна быть метка, и я не могу найти способ встроить ее, все еще используя wtf.form_field

 {% extends "base.html" %}
{% import 'bootstrap/wtf.html' as wtf %}

....

{{wtf.form_field(form.income, class='form-control', placeholder='Income'}}

Ответ №1:

 <div class="row">
    <div class="col">
        {{wtf.form_field(form.income, class='form-control', placeholder='Income'}}
    </div>
    <div class="col">
        {{wtf.form_field(form.income, class='form-control', placeholder='Income'}}
    </div>
</div>

Комментарии:

1. Спасибо за ответ, но это не работает. Это просто дает 2 экземпляра наличия метки в одной строке и поля ниже, причем это поле занимает ширину экрана (после исправления синтаксической ошибки с отсутствующим ‘)’ после заполнителя). Моя цель — иметь метку и поле ввода в одной строке при использовании wtf.form_field.

Метки: