Используйте кнопку вместо href для запуска div

Question

Я хочу знать, можно ли использовать кнопку вместо href для запуска div.

Вот примеры ниже:

Это текущий ДИВ:

<div id="ver" class="modal-block modal-block-primary mfp-hide"> 
<section class="panel"> 
    <header class="panel-heading"> 
     <h2 class="panel-title">Registration Form</h2> 
    </header> 
    <form class="form-horizontal mb-lg" method="POST" novalidate="novalidate"> 
    <div class="panel-body"> 

      <div class="form-group mt-lg"> 
       <label class="col-sm-3 control-label">Name</label> 
       <div class="col-sm-9"> 
        <input type="text" name="name" class="form-control" placeholder="Type your name..." required/> 
       </div> 
      </div> 
      <div class="form-group"> 
       <label class="col-sm-3 control-label">Email</label> 
       <div class="col-sm-9"> 
        <input type="email" name="email" class="form-control" placeholder="Type your email..." required/> 
       </div> 
      </div> 
      <div class="form-group"> 
       <label class="col-sm-3 control-label">URL</label> 
       <div class="col-sm-9"> 
        <input type="url" name="url" class="form-control" placeholder="Type an URL..." /> 
       </div> 
      </div> 
      <div class="form-group"> 
       <label class="col-sm-3 control-label">Comment</label> 
       <div class="col-sm-9"> 
        <textarea rows="5" class="form-control" placeholder="Type your comment..." required></textarea> 
       </div> 
      </div> 
    </div> 
    <footer class="panel-footer"> 
     <div class="row"> 
      <div class="col-md-12 text-right"> 
       <input type="submit" name="ola" value="Submit"> 
       <button class="btn btn-default modal-dismiss">Cancel</button> 
      </div> 
     </div> 
    </footer> 
    </form> 
</section> 

Это, как я могу запустить его с помощью HREF:

<a class="modal-with-form btn btn-default" href="#ver">Open Form</a> 

Это как Я пробовал:

<a class="modal-with-form btn btn-default" href="#ver?id=$ausenciaid">Open Form</a> 

Но это не сработало, есть способ использовать кнопку вместо href?

Answer 1

вы можете попробовать это

<input type="button" onclick="location.href='Your location';" value="Open Form" /> 

Это даст вам кнопку и при нажатии на него, вы будете передавать/открыть HREF

Answer 2

Менее рекомендуется встроенный способ:

<button onclick="location.href='Your location';"> Open Form" </button> 

OR

Приложить событие & триггер с использованием javascript:

<button type="button" id="mybutton" >Open Form </button> 
<script> 
document.getElementById("mybutton").addEventListener("click", function(){ 
    window.location.href = <input type="button" onclick="location.href='Your location'; 
}); 
</script>