Javascript Django HTML:我如何允许用户添加额外的输入字段(确保它们不是必需的)?类似于a+;按钮

Javascript Django HTML:我如何允许用户添加额外的输入字段(确保它们不是必需的)?类似于a+;按钮,javascript,html,jquery,css,django,Javascript,Html,Jquery,Css,Django,Django HTML:我如何允许用户添加额外的输入字段(确保它们不是必需的)?有点像+按钮。我只想显示信息1。只有当用户按下“+”按钮时,这些字段才会出现,并允许他们添加信息2和信息3。这可能吗?因为我需要在model.py中提供一个附加字段:例如info\u 4=..…info\u 5= 我搜索了Stackoverflow,但找不到与此非常类似的问题和答案。也许有人可以就编码提供建议,因为我相信您的输入对django和html初学者都非常有益:) models.py class BlogPo

Django HTML:我如何允许用户添加额外的输入字段(确保它们不是必需的)?有点像+按钮。我只想显示信息1。只有当用户按下“+”按钮时,这些字段才会出现,并允许他们添加信息2和信息3。这可能吗?因为我需要在model.py中提供一个附加字段:例如
info\u 4=..…info\u 5
=

我搜索了Stackoverflow,但找不到与此非常类似的问题和答案。也许有人可以就编码提供建议,因为我相信您的输入对django和html初学者都非常有益:)

models.py

class BlogPost(models.Model):
 title                  = models.CharField(max_length=50, null=False, blank=False)
 body                   = models.TextField(max_length=5000, null=False, blank=False)
 info_1 = models.TextField(max_length=300, null=False, blank=False)
 info_2 = models.TextField(max_length=3000, null=False, blank=False)
 info_3 = models.TextField(max_length=300, null=True, blank=True)
html:


您可以创建一个名为
Info
的seprate
Model
并向
post
添加一个外键关系,然后
post
作者在创建后可以添加任意多个
Info
对象。

Bro,那么数据库表会受到影响吗?因为没有指定数量的Info列。Also、 这在HTML中是不可能的,因为无论我输入的每一个输入都必须使用一个。对于我的forms.py表单,我必须指定字段的数量。或者我只需要指定一个信息字段。是的,您可以手动添加和删除任意数量的字段,每个字段都将绑定到特定的帖子和你可以在一个模板中访问它们,但是数据库呢?我是如何做到的,如果有额外的数据,他们会自动添加一个新的列?你有一个示例代码显示在你的答案中吗?哈哈?当你在帖子视图中创建帖子时,你可以创建一个
InfoForm
或类似的东西来添加信息数据和提交此表单时,您将为帖子分配
info
对象,然后在帖子下,如果有任何
info
对象相关,您只需显示它们即可
  <form class="create-form" method="post" enctype="multipart/form-data">{% csrf_token %}
   <!-- chief_title -->
   <div class="form-group">
    <label for="id_title">Chief Title!</label>
    <input class="form-control" type="text" name="chief_title" id="id_title" placeholder="Title" required autofocus>
   </div>

  <!-- Body -->
  <div class="form-group">
    <label for="id_body">Full Description</label>
    <textarea class="form-control" rows="8" type="text" name="body" id="id_body" placeholder="This is about..." required></textarea>
   </div>

  <div class="form-group">
    <label for="id_Info_1">Info_1</label>
    <input class="form-control" rows="10" type="text" name="Info_1" id="id_Info_1" placeholder="Info_1..." required></input>
   </div>

class CreateBlogPostForm(forms.ModelForm):
    class Meta:
        model = BlogPost
        fields = ['chief_title', 'body' , info_1' ]