@mr_forlife

Как реализовать строку ввода тегов на сайте?

Хочу прикрутить на сайт такую строку ввода тегов



думал сделать через
форму
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 запросе по итогу пусто.
Как это можно поправить?
  • Вопрос задан
  • 34 просмотра
Пригласить эксперта
Ответы на вопрос 1
Честно говоря прочитал и не понял что хотите сделать ?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы