Django：使用Django表单创建HTML 输入数组

在本文中，我们将介绍如何使用Django表单来创建HTML输入数组。通常情况下，当我们需要在表单中接收多个相同类型的值时，例如多个电子邮件地址或多个联系人电话号码，我们可以使用HTML的输入数组功能来收集这些值。

阅读更多：Django 教程

什么是HTML输入数组？

HTML输入数组是一种允许将多个值作为单个表单字段提交的功能。通过使用方括号（“[]”），我们可以在HTML表单中为特定输入字段创建数组。这些值将作为一个数组传递到后端以供处理。

例如，我们可以使用HTML表单和输入数组来收集用户的多个电子邮件地址。用户可以在多个文本输入框中输入多个电子邮件地址，并将它们作为电子邮件数组提交给后端。

下面是一个展示电子邮件地址输入数组的HTML表单示例：

<form action="/submit-emails/" method="post">
  <input type="email" name="emails[]" required>
  <input type="email" name="emails[]" required>
  <input type="email" name="emails[]" required>
  <input type="email" name="emails[]" required>
  <input type="submit" value="提交">
</form>

在这个示例中，我们使用了四个电子邮件输入字段来收集用户的电子邮件地址，并将它们作为名为“emails[]”的数组传递给后端。

使用Django创建HTML输入数组

在Django中，我们可以使用Django表单来创建包含HTML输入数组的表单。首先，我们需要定义一个继承自Django表单类的新表单。

from django import forms

class EmailForm(forms.Form):
    emails = forms.EmailField(widget=forms.EmailInput(attrs={'multiple': True}))

在这个示例中，我们创建了一个名为EmailForm的表单，并定义了一个名为emails的字段。我们将使用EmailField来接收电子邮件地址，并在该字段的小部件属性中设置multiple为True，以创建一个接受多个值的输入数组。

接下来，我们可以在视图中使用这个表单，并在模板中渲染它。

from django.shortcuts import render
from .forms import EmailForm

def email_view(request):
    form = EmailForm()
    if request.method == 'POST':
        form = EmailForm(request.POST)
        if form.is_valid():
            emails = form.cleaned_data['emails']
            # 执行其他操作，如保存到数据库或发送电子邮件

    return render(request, 'email_form.html', {'form': form})

在这个示例中，我们将表单实例化为EmailForm()，并将其传递给模板进行渲染。当表单以POST方法提交时，我们再次实例化表单并传入请求中的数据。如果表单有效，则我们可以从cleaned_data中获取emails字段的值，并执行其他操作，如保存到数据库或发送电子邮件。

现在，我们需要在模板中渲染这个表单。使用Django的表单渲染功能，我们可以轻松地将表单字段渲染为HTML输入数组。

<form method="post">
  {% csrf_token %}
  {{ form.as_p }}
  <input type="submit" value="提交">
</form>

在这个示例中，我们使用了Django的form.as_p渲染方法来将表单字段渲染为带有段落标签的HTML。这样，我们可以轻松地在浏览器中显示表单，并允许用户输入多个电子邮件地址。

总结

在本文中，我们介绍了如何使用Django表单来创建HTML输入数组。通过在表单字段的小部件属性中设置multiple为True，我们可以创建一个接受多个值的输入数组。这在收集和处理多个相同类型的值时非常有用。我们还展示了如何在Django视图和模板中使用这些表单，并将其渲染为HTML。

使用Django的表单功能，我们可以轻松地构建强大和灵活的表单，以满足我们的需求。无论是收集电子邮件地址、联系人信息还是任何其他类型的数据，HTML输入数组都是一个有用的工具。