title: Html- how to disable <a href>?
body: <p>I created a button that open a modal window on click.</p>
  
  <pre><code>&lt;a href="#"  data-toggle="modal" data-target="#myModal" class="signup-button gray-btn pl-pr-36" id="connectBtn"  data-role="disabled"&gt;Connect&lt;/a&gt;
  </code></pre>
  
  <p>For some reason the <code>data-role="disabled"</code> doesn't work good.
  How can I disable it?</p>