现在,我被困在两件事之间:一是我有一个登录表单,它可以工作,但并不完全符合你所说的视觉上的吸引力;另一个看起来完美无瑕,但什么也做不了。(我非常了解情况)
如图所示,上面的那个显然很好看(讽刺*),但我希望下面那个丑陋的那个能正常工作。
对于顶部的For,我只使用了{{ 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 post such as this one,并尝试安装django-widget-tweaks
,但由于我使用的是cloud9-ide,因此不起作用
所以,如果有办法在我的Html中实现表单标签,或者成功地下载django-tweaks,请让我知道,我将不胜感激。
提前谢谢。
发布于 2018-06-01 15:07:36
如果您希望浏览器通过html输入发送数据,则需要在html输入中使用name
属性。这与Django无关。
发布于 2018-06-01 16:11:31
删除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版本
https://stackoverflow.com/questions/50637081
复制相似问题