HTML- 按钮内的 HREF 标记

HTML- HREF Tag inside a Button

这是我的按钮代码,它有一个引用标记,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 是可以点击的,除此之外,点击按钮的蓝色部分是无效的。如何在不干扰按钮的情况下使按钮的整个区域工作URL?

<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>