Question

现在我被困在两件事之间：要么我有一个可以使用的登录表单，但不完全是你所谓的视觉上吸引人的东西，一个看起来完美但却什么也不做的东西。（我完全了解情况）

如图所示，一个顶部显然是非常形象（讽刺*），但我希望底部的可怕的一个工作。

对于for up top，我只使用了{{ form }}标记，并且我的代码在某一时刻看起来像这样：

<form method='POST' action='' enctype='multipart/form-data'>{% csrf_token %}

    {{ form.username.label_tag }}
    {{ form.username }}
    {{ form.password.label_tag }}
    {{ form.password }}

   <input type='submit' class='btn btn-primary btn-block' value='{{ title }}' />
</form>

但这又不能给我我想要的样子。到目前为止，为了获得非功能性（但很漂亮）的表单，我会使用bootstrap template signin的代码（我的基本模板中包含的signin.css）。这就是我的form.html现在的样子：

{% extends 'accounts/base.html' %}
{% block main_content %}
    <div class="container">
        <div class='col-sm-6 col-sm-offset-3'>
        <form method='POST' action='' enctype='multipart/form-data' class="form-signin">{% csrf_token %}
            {{ form}}
            <h2 class="h3 mb-3 font-weight-normal">Please Sign In</h2>
            <input type="username" id="inputUsername" class="form-control" placeholder="Username" required autofocus>
            <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
            <input type='submit' class='"btn btn-lg btn-primary btn-block' value='{{ title }}' />
        </form>
        </div>
    </div>
{% endblock %}

我已经看到另一个StackOverflow帖子such as this one并尝试安装django-widget-tweaks，但由于我使用的是cloud9-ide，因此无效

所以，如果有办法我可以以某种方式在我的Html中实现表单标签或成功下载django-tweaks，请告诉我，我将非常感谢。

提前致谢。

Answer 1

如果您希望浏览器发送数据，则html输入中需要name个属性。这与Django无关。

Answer 2

删除action = ''，然后重试：

<form method='post'>{% csrf_token %}

    {{ form.username.label_tag }}
    {{ form.username }}
    {{ form.password.label_tag }}
    {{ form.password }}

   <input type='submit' class='btn btn-primary btn-block' value='{{ title }}' />
</form>

或者在虚拟环境中安装django-tweaks

pip install pipenv --user
cd
. .bashrc
cd workspace/mysite
pipenv --three
pipenv shell
pipenv install django django-widget-tweaks
python manage.py runserver

还建议您将python升级到版本3.6

有没有办法将HTML中的输入字段链接到DJANGO

2 个答案: