按钮内的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>

这是按钮的图片

问题是只有按钮上的文字上一页是可点击的，除了按钮的蓝色部分上的任何点击都不起作用。如何在不打扰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>