Кнопка Html, обернутая тегами якорей, перенаправляет на URL тега ancor вместо свойства кнопки Onlick
В моем проекте Django есть HTML-код. Я использовал тег якоря, чтобы обернуть кнопку. Тег якоря имеет свой собственный href, а кнопка также имеет свойство onclick, которое при нажатии ведет к другому пункту назначения. см. код ниже
<article class="card-group-item">
<header class="card-header"><h4 class="title">Links </h4></header>
<div class="filter-content">
<div class="list-group list-group-flush">
<a href={{ add_drug_disposal_url }} class="list-group-item">Drug
Disposal form
<button class="button"
onclick={{ add_drug_disposal_upload_url }}>
<i class="fa fa-upload"></i>
</button>
</a>
<a href={{ add_chain_of_custody_url }} class="list-group-item">Chain
of custody
<button class="button"
onclick={{ add_chain_of_custody_upload_url }}>
<i class="fa fa-upload"></i>
</button>
</a>
<a href={{ add_drug_disposal_url }} class="list-group-item">Incident
and Temperature Excursion Report
<button class="button"
onclick={{ add_incident_report_upload_url }}>
<i class="fa fa-upload"></i>
</button>
</a>
</div> <!-- list-group .// -->
</div>
</article> <!-- card-group-item.// -->
как сделать так, чтобы кнопка onclick срабатывала при нажатии на кнопку, а не на тег якоря?
обратите внимание, что все URL-адреса выбираются шаблоном из представления просто отлично