FrontendDavid/changeKatalog.htm

94 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Katalog</title>
<link rel="stylesheet" type="text/css" href="scss/style.css" media="screen" />
</head>
<body>
<div class="Titel">
<a href="index.html"><button id= "zurueck">zurück</button></a>
<h1>Katalog</h1>
</div>
<div class="Eingabe">
<h2>Eingabe</h2>
<form action="catalogue_search.php">
<input type="text" name="Title" class="input" placeholder="Titel">
<input type="text" name="Author" class="input" placeholder="Autor">
<input type="text" name="Country" class="input" placeholder="Herkunft">
<input type="url" name="Link" class="input" placeholder="Link">
<input type="text" name="Language" class="input" placeholder="Sprache">
<input type="number" name="Pages" class="input" placeholder="Seiten" min="0">
<input type="date" name="Year" class="input" placeholder="Erscheinungsjahr"> <!-- Nur YYYY--> <!--funktioniert nur über ein Skript, alternativ type="number" mit min und max restrictions-->
<select class="input" name="Category">
<option>Book</option>
<option>Magazin</option>
<option>EBook</option>
<option>EPaper</option>
</select>
<input type="url" name="ImageLink" class="input" placeholder="Bild">
<input type="number" name="LendTime" class="input" placeholder="Verteihdauer"min ="0">
<select class="input" name="Category">
<option>Physical</option>
<option>Virtual</option>
</select>
<input type="submit" name="go" id="go">
</form>
</div>
<div class="Ausgabe">
<h2>Ausgabe</h2>
<table>
<tr>
<td class ="fix">ProductId</td>
<td></td>
</tr>
<tr>
<td class="fix">Titel</td>
<td></td>
</tr>
<tr>
<td class="fix">Autor</td>
<td></td>
</tr>
<tr>
<td class="fix">Land</td>
<td></td>
</tr>
<tr>
<td class="fix">Link</td>
<td></td>
</tr>
<tr>
<td class="fix">Sprache</td>
<td></td>
</tr>
<tr>
<td class="fix">Seitenzahl</td>
<td></td>
</tr>
<tr>
<td class="fix">Jahr</td>
<td></td>
</tr>
<tr>
<td class="fix">Kategorie</td>
<td></td>
</tr>
<tr>
<td class="fix">Bildlink</td>
<td></td>
</tr>
<tr>
<td class="fix">Verleihdauer</td>
<td></td>
</tr>
<tr>
<td class="fix">Verleihtyp</td>
<td></td>
</tr>
</table>
</div>
</body>
</html>