按钮内的HTML- HREF标签

Question

这是我的按钮代码，带有参考标记，URL可以正确引导我执行索引操作

<button type="submit" class="btn btn-primary"><a style="color:white" href="<?php echo $this->basePath('calendar/details/index').'?month='.$this->previousMonth?>"> Previous </a></button>

这是按钮的图片

问题在于，只有按钮上的“ Previous on”按钮上的文本可以单击，而按钮的蓝色部分上的任何单击都不起作用。 如何在不干扰URL的情况下使按钮的整个区域正常工作？

Answer 1

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> <a class="btn btn-primary" style="color: white" href="#">Previous</a> 

<a class="btn btn-primary" style="color: white" href="<?php echo $this->basePath('calendar/details/index').'?month='.$this->previousMonth?>">Previous</a>