Как правильно вствить кнопку в тег use?

Ссылка скопирована
CSS HTML PHP
16 апреля 2026 1 ответ

Здравствуйте,подскажите пожалуйста как правильно вставить кнопку в 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?

  • MrColdCoffee, Спасибо огромное вам!

    • Нужно решить такую задачу?

    Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.

    Заказать помощь
    Лучший ответ
    1
    Роман IT Ответ

    Для вставки кнопки в элемент

     можно воспользоваться следующим способом:
 
<pre lang="php">
<button>Нажми меня</button>
 
function myFunction() {
  alert("Вы нажали на кнопку!");
}

    можно воспользоваться следующим способом: <pre lang="php"> <button>Нажми меня</button> function myFunction() { alert("Вы нажали на кнопку!"); }

    В данном примере мы создаем кнопку с текстом "Нажми меня" и добавляем к ней обработчик события onclick, который вызывает функцию myFunction. Внутри функции myFunction мы выводим всплывающее окно с сообщением "Вы нажали на кнопку!".

    Таким образом, при нажатии на кнопку будет выполнена функция, которая может выполнять любые действия, не только выводить сообщение. Можно изменить текст на кнопке, стилизовать кнопку с помощью CSS и добавить любую другую функциональность в зависимости от потребностей проекта.

    Другие ответы (0)

    Пока нет других ответов. Будьте первым, кто поможет автору.

    Ответить на вопрос

    комментарий

    Ваш адрес email не будет опубликован. Обязательные поля помечены *

    Вам также может быть интересно

    Веб-разработка Как поправить этот код чтобы можно было обновить данные в бд( при взаимодействии с методом класса в Node.js)? 2 ответов Android Как заменить класс AuthorizationCodeInstalledApp на Android (Google API)? 1 ответ Google Как подтвердить аккаунт Google? 1 ответ JavaScript Как мне в данном запросе обработать ошибку с определенным статусом? 1 ответ