Mag1str
@Mag1str

Почему один HTML код работает, а другой нет?

То "редактировать" что справа работает, а слева нет. Помогите.
134 строчка левая кнопка.
142 строчка правая.
Брал на https://getbootstrap.com/docs/5.0/components/collapse/

spoiler
5fd93397b204f393525113.png


<?php
ob_start();
?>
<!doctype html>
<html lang="ua" class="h-100" data-lt-installed="true">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
    <meta name="generator" content="Jekyll v4.1.1">
    <title>Головна</title>
    <link rel="shortcut icon" href="/img/icon.png" type="image/png">
    <link rel="canonical" href="https://getbootstrap.com/docs/4.5/examples/cover/">
    <script>
      var collapseElementList = [].slice.call(document.querySelectorAll('.collapse'))
    var collapseList = collapseElementList.map(function (collapseEl) {
  return new bootstrap.Collapse(collapseEl)
})
    </script>
    <!-- Bootstrap core CSS -->
<link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet">

    <style>
      
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
            .del { display: none; }
.del:not(:checked) + label + * { display: none; }
 
/* тут редактируем вид кнопки */
.del:not(:checked) + label,
.del:checked + label {
display: inline-block;
padding: 4px 20px;
border-radius: .25rem;
color: #fff;
background: #4e6473;
cursor: pointer;

}
.del:checked + label {
background: #e36443;
}
    
    </style>
    <!-- Custom styles for this template -->
    <link href="cover.css" rel="stylesheet">
  </head>
  <body class="text-center">
    <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">

  <header class="masthead mb-auto">
    <div class="inner">
      <h3 class="masthead-brand">Турнір</h3>
      <nav class="nav nav-masthead justify-content-center">
        <a class="nav-link active" href="#">Головна</a>
        <a class="nav-link" href="register.php">Реєстрація</a>
        <a class="nav-link" href="contact.php">Контакти</a>
        <?php
          if (isset($_COOKIE["admin"])) {
          $str = '<a class="nav-link" href="edit.php">Редагування</a>';
          $str1 = '<a class="nav-link" href="endl.php">Вихід</a>';
          print $str;
          print $str1;
          }  else {$str2 = '<a class="nav-link" href="sign.php">Вхід (для судді)</a>';
      print $str2;}
        ?>
        
      </nav>
    </div>
  </header>
  <header class="">
  <h2>Стартовий список учасників</h2>
  <form action="profile.php" method="post">  
<h4><input type="text" name="search"> 
<input class="btn btn-primary" type="submit" role="button" value="Пошук"></h4>
  <main role="main" class="inner cover">

 <?php
 
    $link = mysqli_connect(
        'localhost',
        'root',
        'root',
        'register-bd');
 
    if (!$link) {
        printf("Невозможно подключиться к базе данных. Код ошибки: %s\n", mysqli_connect_error());
        exit;
    }
 
    if ($result = mysqli_query($link, 'SELECT * FROM member ORDER BY id')) {
        echo '<table class="table table-striped table-dark">' .
            '<thead>' .
            '<tr>' .
            '<th>№</th>' .
            "<th>Ім'я</th>" .
            '<th>Рейтинг</th>' .
            '<th>Місто</th>' .
            '</tr>' .
            '</thead>';
 
        while( $row = mysqli_fetch_assoc($result) ){
            echo '<tr>' .
                '<td>' . $row['id'] . '</td>' .
                '<td>' . $row['name'] . '</td>' .
                '<td>' . $row['rating'] . '</td>' .
                '<td>' . $row['city'] . '</td>' .
                '</tr>';
        }
 
        echo '</table>';
        mysqli_free_result($result);
    }
 
    mysqli_close($link);
    ?>
  </form>
  </main>
</header>
  <footer class="mastfoot mt-auto">
<button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    Редагувати
  </button>
  <div class="collapse" id="collapseExample">
  <div class="card card-body">
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
  </div>
</div>
    <input type="checkbox" id="raz" class="del"/>
<label for="raz" class="del btn btn-primary">Редагувати</label>
<div>



<strong><h4>Редагування</h4>
    <form action="update.php" method="POST">
        <div>
            <label for="id">Виберіть ID гравця *:</label>
            <input type="number" id="id" name="id" required>
        </div>
        <div>
            <label for="name">Ім'я:</label>
            <input type="text" name="name" id="name">
        </div>
        <div>
            <label for="rating">Рейтинг:</label>
            <input type="text" id="rating" name="rating">
        </div>
        <div>
            <label for="city">Місто:</label>
            <input type="text" id="city" name="city">
        </div>
        <input class="btn btn-primary" type="submit" value="Обновити">
    </form></strong> </div>
    <br>
    <?php
$visit_count = 1;

if (isset($_COOKIE["visit_count"])) {
    $visit_count = $_COOKIE["visit_count"] + 1;
}

setcookie("visit_count", $visit_count, strtotime("+30 days"));

print("Кількість відвідувань за місяць: " . $visit_count);

if (isset($_COOKIE["admin"])) {
    $content = '&nbsp&nbsp<a class="btn btn-outline-dark" href="exit.php" role="button">Обнулити</a>';

    print $content;
}
  
  ?>
  </footer>
</div>
</body>
</html>
  • Вопрос задан
  • 190 просмотров
Пригласить эксперта
Ответы на вопрос 1
@dennis_d
One Love, One Front-End
Справа - это label, слева - button, видимо поэтому по разному работают. Не совсем понятно, что именно они должны делать, но попробуй слева тоже применить тэг label
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы