94 lines
No EOL
3.2 KiB
HTML
94 lines
No EOL
3.2 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">Erscheinungsjahr</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> |