Я пытаюсь вставить поисковый фильтр, который делает его таким, чтобы вы могли ввести номер блокировки, и он будет возвращать только поля из базы данных phpmyadmin, с которой связан этот номер блокировки. Имя файла: dataout.php.
<?php
$db_host = 'localhost';
$db_user = 'nick';
$db_pass = 'ramon';
$db_name = 'lockout'; ?>
<link href="lockproject.css" type="text/css" rel="stylesheet">
<input type="text" name="locknumber" placeholder="Enter Lock Number"><br>
<br>
<input type="submit" name="search" value="Submit">
<?php
$conn = mysqli_connect($db_host, $db_user, $db_pass, $db_name);
if (!$conn) {
die ('Fail to connect to MySQL: ' . mysqli_connect_error());
}
$sql = 'SELECT ID, lock_number, equipment_number, work_order, date_out,
supervisor_out, comments_out, date_in, supervisor_in
FROM form';
$query = mysqli_query($conn, $sql);
if (!$query) {
die ('SQL Error: ' . mysqli_error($conn));
}
echo '<table width="60%" align="center">
<thead>
<tr>
<th>ID</th>
<th>Lock Number:</th>
<th>Equipment</th>
<th>Work Order:</th>
<th>Date OUT:</th>
<th>Supervisor Initial OUT:</th>
<th>Comments/Tradesmen:</th>
<th>Date In:</th>
<th>Supervisor Initial in:</th>
</tr>
</thead>
<tbody>';
while ($row = mysqli_fetch_array($query))
{
echo '<tr>
<td>'.$row['ID'].'</td>
<td>'.$row['lock_number'].'</td>
<td>'.$row['equipment_number'].'</td>
<td>'.$row['work_order'].'</td>
<td>'.$row['date_out'].'</td>
<td>'.$row['supervisor_out'].'</td>
<td>'.$row['comments_out'].'</td>
<td>'.$row['date_in'].'</td>
<td>'.$row['supervisor_in'].'</td>
</tr>';
}
echo '
</tbody>
</table>';
mysqli_free_result($query);
mysqli_close($conn);
?>
<a href="http://152.116.203.115/lockcheckin2.php" target='_blank'>Lock
Check
In Form</a>
<a href= "http://152.116.203.115/lockcheckoutbeta.php"
target='_blank'>Lock
Check Out Form</a>
Вот код для прикрепленного к нему файла CSS, который называется lockproject.css
{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
h1 {
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
color: white;
font-weight: 120;
font-size: 36px;
line-height: 30px;
padding-bottom: 20px;
text-align: center;
width: 100%;
}
h3 {
color: #F81B1D
}
td, th {
border: 2px solid #ddd;
padding: 14px;
}
tr:nth-child(odd){background-color: #f2f2f2;}
tr:nth-child(even){background-color: #214CD2;}
th {
padding-top: 14px;
padding-bottom: 14px;
text-align: left;
background-color: #000000;
color: white;
}
body {
background-color: #4D4949;
}
a:link, a:visited {
background-color: #214CD2;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a:hover, a:active {
background-color: blue;
}