Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/go/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Django中用自定义布局替换表单字段?_Django_Forms_User Interface - Fatal编程技术网

如何在Django中用自定义布局替换表单字段?

如何在Django中用自定义布局替换表单字段?,django,forms,user-interface,Django,Forms,User Interface,我有一个模型表单字段,它是一个选择字段。不使用默认小部件: 我想要一个这样的卡片网格: 使用卡中默认小部件中的每个选项 如何编辑python表单来实现这一点 这是我的表格: from django import forms from . import models class PostJobForm(forms.ModelForm): class Meta: model = models.Job fields = [ 'tit

我有一个模型表单字段,它是一个选择字段。不使用默认小部件:

我想要一个这样的卡片网格:

使用卡中默认小部件中的每个选项

如何编辑python表单来实现这一点

这是我的表格:

from django import forms
from . import models

class PostJobForm(forms.ModelForm):
    class Meta:
        model = models.Job
        fields = [
            'title',
            'description',
            'pay',
            'category'
        ]

您将不得不放弃默认的django表单,以您想要的方式使用html、css和js创建表单

使用django表单时,它使用默认模板。


<form method="post" action"">
    <input type="text" id="id_title" name="title">
    <!--this input is for title field of your model form-->
</form>
如上所示,您可以对任何需要的字段执行此操作
IMP保持输入和模型字段的名称属性相同