首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >有没有一种方法可以将HTML中的输入字段链接到DJANGO中使用的实际表单字段

有没有一种方法可以将HTML中的输入字段链接到DJANGO中使用的实际表单字段
EN

Stack Overflow用户
提问于 2018-06-01 14:12:20
回答 2查看 60关注 0票数 0

现在,我被困在两件事之间:一是我有一个登录表单,它可以工作,但并不完全符合你所说的视觉上的吸引力;另一个看起来完美无瑕,但什么也做不了。(我非常了解情况)

如图所示,上面的那个显然很好看(讽刺*),但我希望下面那个丑陋的那个能正常工作。

对于顶部的For,我只使用了{{ form }}标记,并且我的代码一度看起来像这样:

代码语言:javascript
运行
复制
<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现在的样子:

代码语言:javascript
运行
复制
{% 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,请让我知道,我将不胜感激。

提前谢谢。

EN

回答 2

Stack Overflow用户

发布于 2018-06-01 15:07:36

如果您希望浏览器通过html输入发送数据,则需要在html输入中使用name属性。这与Django无关。

票数 0
EN

Stack Overflow用户

发布于 2018-06-01 16:11:31

删除action = ''并重试:

代码语言:javascript
运行
复制
<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

代码语言:javascript
运行
复制
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版本

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50637081

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档