94 lines
No EOL
3.1 KiB
HTML
94 lines
No EOL
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">
|
|
<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">
|
|
<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">Author</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Contry</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Link</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Language</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Pages</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Year</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">Category</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">ImageLink</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">LendTime</td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fix">LendType</td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
</html> |