如何在 Django 中创建范围滑块？
How do I create range slider in django?
I want this type of slider in django
我搜索了很多，但没有找到这个特定的滑块，如有任何帮助，我们将不胜感激。
因此显示滑块的前端任务可以通过 W3 Schools 中的 3 个步骤完成 link。
但是对于 django，我假设您还想保存用户输入？
你会想要：
- 在 models.py 文件中创建一个新的 class 或向现有的 django 模型 class 添加一个新属性。 Documentation
- 然后您需要捕获用户输入，以便在用户更改滑块时更新数据库中的属性。这是在 W3 Schools 中 linked 文档的第 3 步开始的。您需要阅读 django forms if you want this slider to update without a page reload you'll want to use something called AJAX or HTMX（推荐用于现代 django web 开发）
- 您可能希望每次用户使用用户上次离开的范围内的最后一点刷新时加载滑块。这样的事情就可以完成工作：
<div class="slidecontainer"> <input type="range" min="1" max="100"value="{{your_model.chosen_slider_value}}" class="slider" id="myRange"></div>
I want this type of slider in django
我搜索了很多，但没有找到这个特定的滑块，如有任何帮助，我们将不胜感激。
因此显示滑块的前端任务可以通过 W3 Schools 中的 3 个步骤完成 link。
但是对于 django，我假设您还想保存用户输入？
你会想要：
- 在 models.py 文件中创建一个新的 class 或向现有的 django 模型 class 添加一个新属性。 Documentation
- 然后您需要捕获用户输入，以便在用户更改滑块时更新数据库中的属性。这是在 W3 Schools 中 linked 文档的第 3 步开始的。您需要阅读 django forms if you want this slider to update without a page reload you'll want to use something called AJAX or HTMX（推荐用于现代 django web 开发）
- 您可能希望每次用户使用用户上次离开的范围内的最后一点刷新时加载滑块。这样的事情就可以完成工作：
<div class="slidecontainer"> <input type="range" min="1" max="100"value="{{your_model.chosen_slider_value}}" class="slider" id="myRange"></div>