Sayfamdaki her şey, yalnızca tuşun kendisi yerine bir önyükleme düğmesi haline gelir

Question

Temel olarak, sayfamdaki her şey, yalnızca metnin kendisinin aksine tüm metni içeren bir önyükleme düğmesi haline geldi. Ben düğmesi için bir href dahil ettik çünkü inanıyorum ama bu sayfanın ekran görüntüsü:

her beyaz kutu içinde her şeyi yanlış yeşil düğmeler dolu görebileceğiniz gibi.

Bu, bu sayfa için benim php kodu:

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 

<?php 
session_start(); 
include "init.php"; 
$page_title = 'Products'; 

$query = "SELECT productID, name, description, price 
     FROM products";  

$result = mysqli_query($dbcon, $query); 

print 
    "<div class='navbar navbar-inverse navbar-fixed-top'>". 
     "<div class = 'container'>". 
      "<button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-collapse'>". 
      "<span class='sr-only'>Toggle navigation</span>". 
      "<span class='icon-bar'></span>". 
      "<span class='icon-bar'></span>". 
      "<span class='icon-bar'></span>". 
      "</button>". 
      "</div>". 
    "</div>". 

    "<div class='page-header'>". 
     "<div class='page-header'>". 

     "</div>". 
    "</div>"; 


if(mysqli_num_rows($result)){ 
    while($row = mysqli_fetch_assoc($result)){ 
     print 

     "<div id='products' class='row list-group'>". 
     "<div class='item col-xs-4 col-lg-4'>". 
      "<div class='thumbnail'>". 
       "<img class='group list-group-image' alt='' />". 
       "<div class='caption'>". 
        "<h4 class='group inner list-group-item-heading'> 
         'Title 1'</h4>". 
        "<p class='group inner list-group-item-text'> 
         Sample.</p>". 
        "<div class='row'>". 
         "<div class='col-xs-12 col-md-6'>". 
          "<p class='lead'> 
           654</p>". 
         "</div>". 
         "<div class='col-xs-12 col-md-6'>". 
          "<a href='baskets.php' input type='submit' value='Add to basket' class='btn btn-success btn-block btn-lg' >". 
         "</div>". 
        "</div>". 
       "</div>". 
      "</div>". 
     "</div>"; 
    } 
} 
else{ 

} 

?> 

Ben web geliştirme için yeni ve href bu neden oldu Sadece neden göremiyorum. Kullanıcı Add the Basket düğmesini tıkladığında, baskets.php

Answer 1

<a href='baskets.php'><button class='btn btn-success btn-block btn-lg'>Add to basket</button></a> 

Answer 2

yürütmek zorundadır çünkü sen kullandık href gerekir: Eğer olmamalı çapa etiketinin içinde input, type kullandığınız

"<a href='baskets.php' input type='submit' value='Add to basket' class='btn btn-success btn-block btn-lg' >" 

. Ve yeşil çünkü önyükleme sınıfının düğmeleri .. ile çizginin üstünde değiştirin alıyorsanız:

"<a href='baskets.php'>Add to basket</a>"