Хочу прикрутить на сайт такую строку ввода тегов
думал сделать через
формуfrom django import forms
class TagForm(forms.Form):
tag_input = forms.CharField(label='Input tags',
widget=forms.widgets.TextInput(attrs={'type': 'text',
'placeholder': 'Add tags here...'}),
)
Накидал страничку для теста:
HTML
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="{% static 'cms/style.css' %}">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<form action="#" method="post">
{% csrf_token %}
<div class="input-tags">
<span class="tags"></span>
{{ form.tag_input }}
<div class="dropdown">
</div>
</div>
<input type="submit" value="Send">
</form>
<script src="{% static 'cms/main.js' %}"></script>
</body>
</html>
Но уже в процессе понял, что js скрипт добавляет новые теги в span блока input-tags, а сам input очищает при каждом добавленном теге, поэтому в POST запросе по итогу пусто.
Как это можно поправить?