Untitled

<html>
<head>
<style>
.wysrodkowanie {
    width: 751px;
    margin: 0 auto;
    padding: 0 auto;
    margin-top: 50px;
}
.pola {
    width: 750px;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 1px;
    font-size: 20px;
    margin-bottom: 5px;
}

@keyframes myfirst {
    0%   {background: red;}
    25%  {background: yellow;}
    50%  {background: blue;}
    100% {background: green;}
}

</style>

<meta charset="UTF-8"></head>
<body>
<div class="wysrodkowanie">
<input name="costam" type="text" placeholder="Opsilion" class="pola" />
<input name="costam2" type="text" placeholder="Alpha" class="pola" />
<input name="costam3" type="text" placeholder="Beta" class="pola" />
<input name="costam4" type="text" placeholder="Gamma" class="pola" />
<input name="costam5" type="text" placeholder="Delta" class="pola" />
<input type='submit' name="dodawanie" value='Dodaj do bazy danych'>
</div>


<?php

mysql_connect('localhost','root','') or die ('Padl serwer');
mysql_select_db('nauka') or die ('Padla baza');
$tresc_zapytania=mysql_query('select *from imiona');


echo '<br />';
echo '<table border="1px"><thead><th>Id</th><th>Imie</th><th>Edycja</th></thead><tbody>';
while($txt=mysql_fetch_assoc($tresc_zapytania))

{
echo '<tr><td>'.$txt['id'].'</td> <td>'.$txt['imie'].'</td> <td><input type="submit" name="edycja" value="Modyfikuj"> </td></tr>';
}
echo '</table>';
?>

</tbody>
</table>
</body>
</html>