如何在php标签之间使用html5显示带有href标签的按钮？

Question

这是我用来在类似面板的模板中显示来自mysql数据库的某些数据的代码。我想知道如何使用html5为每个模板显示一个href按钮。

while($result = mysqli_fetch_assoc($results)){
 echo '<div class="fetch">';
 echo "<p>".$result['FIRST_NAME']." ".$result['LAST_NAME']."</p>";
 echo "<p>".$result['QUALIFICATION']."</p>";
 echo "<p>".$result['Specialization']."</p>";
 echo "<p>".$result['Adress1']." ".$result['Adress2']."</p>";
 echo "<p>"."<b>Consultation Fee-</b>"." ".$result['Consultation_Fee']."  
 </p>";
 echo "<p>"."<b>Experience-</b>"." ".$result['Experience']."years"."</p>";

 echo '</div>';

Answer 1

HTML

纯HTML格式是将其放在<form>中，您可以在action属性中指定所需的目标网址。

<form action="http://google.com">
    <input type="submit" value="Go to Google">
</form>

如有必要，请在表单上设置CSS display: inline;，使其与周围文本保持一致。

CSS

如果允许使用CSS，只需使用您设置的<a>看起来像一个按钮，使用[appearance] [1]属性（[目前仅限Internet Explorer支持（2015年7月） ）仍然很穷] [2]）。

a.button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;

  text-decoration: none;
  color: initial;
}

<a href="http://google.com" class="button">Go to Google</a>

或者选择其中一个像[Bootstrap] [3]这样的CSS库。

的JavaScript

如果允许使用JavaScript，请设置window.location.href。

<input type="button" onclick="location.href='http://google.com';" value="Go to Google" />

Answer 2

你可以这样试试：

＆＃13;

＆＃13;

.btn {
            background: #3498db;
            background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
            background-image: -moz-linear-gradient(top, #3498db, #2980b9);
            background-image: -ms-linear-gradient(top, #3498db, #2980b9);
            background-image: -o-linear-gradient(top, #3498db, #2980b9);
            background-image: linear-gradient(to bottom, #3498db, #2980b9);
            -webkit-border-radius: 28;
            -moz-border-radius: 28;
            border-radius: 28px;
            font-family: Arial;
            color: #ffffff;
            font-size: 20px;
            padding: 10px 20px 10px 20px;
            text-decoration: none;
  }

＆＃13;

<a href='your-link' class='btn'>Button</a>

＆＃13;

＆＃13;

＆＃13;