控制多个范围滑块 Django 表单

在Django中，可以使用Form类和RangeInput小部件来实现控制多个范围滑块的表单。下面是一个示例代码：

from django import forms

class RangeSliderForm(forms.Form):
    range_slider_1 = forms.IntegerField(widget=forms.RangeInput(attrs={'type': 'range', 'step': '1', 'min': '0', 'max': '100'}))
    range_slider_2 = forms.IntegerField(widget=forms.RangeInput(attrs={'type': 'range', 'step': '1', 'min': '0', 'max': '100'}))
    range_slider_3 = forms.IntegerField(widget=forms.RangeInput(attrs={'type': 'range', 'step': '1', 'min': '0', 'max': '100'}))

在这个示例中，我们创建了一个名为RangeSliderForm的Form类，并定义了三个IntegerField字段，每个字段都使用RangeInput小部件。RangeInput小部件的attrs参数用于指定小部件的HTML属性，例如类型（type）、步长（step）、最小值（min）和最大值（max）。

要在视图中使用这个表单，可以使用以下代码：

from django.shortcuts import render
from .forms import RangeSliderForm

def range_slider_view(request):
    form = RangeSliderForm()
    if request.method == 'POST':
        form = RangeSliderForm(request.POST)
        if form.is_valid():
            # 处理表单数据
            range_slider_1 = form.cleaned_data['range_slider_1']
            range_slider_2 = form.cleaned_data['range_slider_2']
            range_slider_3 = form.cleaned_data['range_slider_3']
            # 其他处理逻辑
    return render(request, 'range_slider.html', {'form': form})

在这个示例中，我们首先实例化RangeSliderForm类，然后在POST请求中验证表单数据并处理它们。在视图函数中，可以通过form.cleaned_data来获取验证后的表单数据。

最后，我们需要创建一个模板（例如range_slider.html）来渲染表单：

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

在模板中，我们使用form.as_p来显示表单字段，并在表单中添加了一个提交按钮。

这就是使用Django表单和小部件来实现控制多个范围滑块的方法。可以根据实际需求进行修改和扩展。