Как правильно вствить кнопку в тег use?
Здравствуйте,подскажите пожалуйста как правильно вставить кнопку в use-тег,заранее благодарен.
пытался так
<use xlink:href="../static/svg/symbols.svg#icon-favorite-add"><button type="submit" class="btn-btn-success">Add to favorites</button></use> |
<use xlink:href="../static/svg/symbols.svg#icon-favorite-add"><button type="submit" class="btn-btn-success">Add to favorites</button></use>
но просто нажимает
<form action="{% url 'add' id=product.id %}" method="post"> <div class="list-catalog__favorite"> <svg class="icon icon-favorite-add"> <use xlink:href="../static/svg/symbols.svg#icon-favorite-add"><button type="submit" class="btn-btn-success">Add to favorites</button></use> </svg> </div> <input type="hidden" name='type' value="{{ type }}"> <input type="hidden" name="url_from" value="{{ request.path }}"> {% csrf_token %} </form> |
<form action="{% url 'add' id=product.id %}" method="post"> <div class="list-catalog__favorite"> <svg class="icon icon-favorite-add"> <use xlink:href="../static/svg/symbols.svg#icon-favorite-add"><button type="submit" class="btn-btn-success">Add to favorites</button></use> </svg> </div> <input type="hidden" name='type' value="{{ type }}"> <input type="hidden" name="url_from" value="{{ request.path }}"> {% csrf_token %} </form>
Дополнительно:
может svg в button?
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для вставки кнопки в элемент
можно воспользоваться следующим способом: <pre lang="php"> <button>Нажми меня</button> function myFunction() { alert("Вы нажали на кнопку!"); }
В данном примере мы создаем кнопку с текстом "Нажми меня" и добавляем к ней обработчик события onclick, который вызывает функцию myFunction. Внутри функции myFunction мы выводим всплывающее окно с сообщением "Вы нажали на кнопку!".
Таким образом, при нажатии на кнопку будет выполнена функция, которая может выполнять любые действия, не только выводить сообщение. Можно изменить текст на кнопке, стилизовать кнопку с помощью CSS и добавить любую другую функциональность в зависимости от потребностей проекта.