相关疑难解决方法(0)

我们正在寻找一种解决方案,将一个CSS类属性添加到Django表单的<input..>字段中.我们已经看到了建议我们在<div> http://docs.djangoproject.com/en/1.2/topics/forms/#customizing-the-form-template中包含该字段的建议,但这个建议似乎主要适用于字段标签,不是它<input ...>.

如果您尝试在<input>字段周围创建边框,则此特定建议不起作用.在这种情况下,<div>将应用于边界框,而不是实际的输入字段.例如,.wrapper { border: 1px solid #666;line-height:22px;height:22px;padding:3px 5px;width:205px;}将在字段周围创建一个框,而不是替换默认<input ...>边框.

我们已经退回到通过应用于Form类的小部件来应用该类,但这缺乏一定数量的代码优雅(并且违反了DRY).例如,这解决了这个问题.

class ContactUsForm(forms.Form):
    name = forms.CharField(widget=forms.TextInput(attrs={'class':'form_text'}))

但是,当然,这会将表单与CSS紧密联系起来.如果您尝试将类属性应用于<input ..>字段,如果表单基于酷炫的新表单,那么它会变得更复杂.ModelForm系统.

我们花了两天的时间来讨论这个问题(并研究Django源代码),看起来我们可能会在这个特定问题上达到Django最远的边缘 - 但我们只想接受一次传递在StackOverflow看看是否有其他人有洞察力.

感谢您的任何见解.

最后一条评论:如果问题是我们理解CSS(而不是django),请随意让我们直截了当.我们花了很多时间搞乱CSS选项,但它们似乎都没有让我们完成所需的效果 - 即取代默认<input...>边框.

我试着将表单控件添加到我为Django制作的表单应用程序中.我已经创建了应用程序,并希望将表单添加到引导程序模板中,但是我不知道如何为我的电子邮件字段添加bootstrap的更时尚的文本框.

我想最终得到像这个引导程序模板一角的登录字段(尽管没有密码字段):http: //getbootstrap.com/examples/jumbotron/

我的signup.html文件中的代码如下所示:

{% extends 'base.html' %}

{% block content %}
    <div class="col-sm-12">
            <form method='POST' action=''> {% csrf_token %}
                {{ form.as_p }}                       
                <input type='submit' class='btn btn-success btn-lg'>
            </form>
    </div>
{% endblock %}

上面的bootstrap站点的代码看起来像这样(为了清楚起见,我删除了密码部分):我不知道如何将django应用程序集成到此代码中,以便该站点将注册发布到我的数据库.

<form class="navbar-form navbar-right" role="form">
  <div class="form-group">
    <input type="text" placeholder="Email" class="form-control">
  </div>
  <button type="submit" class="btn btn-success">Sign in</button>
</form>

我如何整合这两个？提前致谢.