FrontendDavid/Katalog.htm

113 lines
4.4 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<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">
<h1>Katalog</h1>
</div>
<!--
<div class="Eingabe">
<h2>Eingabe</h2>
<textarea name="Titel" class="text" placeholder="Titel"></textarea>
<textarea name="Author" class="text" placeholder="Author"></textarea>
<textarea name="Country" class="text" placeholder="Country"></textarea>
<textarea name="Link" class="text" placeholder="Link"></textarea>
<textarea name="Language" class="text" placeholder="Language"></textarea>
<textarea name="Pages" class="text" type="number" placeholder="Pages"></textarea>
<textarea name="Year" class="text" type="number" placeholder="Year"></textarea>
<textarea name="Category" class="text" placeholder="Category"></textarea>
<textarea name="ImageLink" class="text" placeholder="ImageLink"></textarea>
<textarea name="LendTime" class="text" type="number" placeholder="LendTime"></textarea>
<textarea name="LendType" class="text" placeholder="LendType"></textarea>
<button id="go">Go</button>
</div>
Das war die alte version. -->
<div class="Eingabe">
<h2>Eingabe</h2>
<form action="./php/catalogue_search.php" method="POST">
<input type="text" name="Title" id="input" placeholder="Titel">
<input type="text" name="Author" id="input" placeholder="Autor">
<input type="text" name="Country" id="input" placeholder="Herkunft">
<input type="url" name="Link" id="input" placeholder="Link">
<input type="text" name="Language" id="input" placeholder="Sprache">
<input type="number" name="Pages" id="input" placeholder="Seiten">
<input type="date" name="Year" id="input" placeholder="Erscheinungsjahr"> <!-- Nur YYYY-->
<input list="categories" name="Category" id="input" placeholder="Kategorie"> <!-- Nur Auswahl (per select?) -->
<datalist id="categories">
<option value="Buch">
<option value="Magazin">
<option value="E-Book">
<option value="e-Magazin">
</datalist>
<input type="url" name="ImageLink" id="input" placeholder="Bild">
<input type="number" name="LendTime" id="input" placeholder="Verteihdauer">
<input list="types" name="LendType" id="input" placeholder="Verleihtyp">
<datalist id="types">
<option value="Physisch">
<option value="Virtuell">
</datalist>
<input type="submit" name="go" id="go">
</form>
</div>
<div class="Ausgabe">
<h2>Ausgabe</h2>
<table>
<tr>
<td class ="fix">ProductId</td>
<td>1</td>
</tr>
<tr>
<td class="fix">Titel</td>
<td>Die Bibel 2</td>
</tr>
<tr>
<td class="fix">Author</td>
<td>Mr. IchBinEinAuthor</td>
</tr>
<tr>
<td class="fix">Contry</td>
<td>Atlantis</td>
</tr>
<tr>
<td class="fix">Link</td>
<td>lmgtfy.de</td>
</tr>
<tr>
<td class="fix">Language</td>
<td>latein</td>
</tr>
<tr>
<td class="fix">Pages</td>
<td>42</td>
</tr>
<tr>
<td class="fix">Year</td>
<td>2021</td>
</tr>
<tr>
<td class="fix">Category</td>
<td>Dies ist ein Beispiel für einen viiiiiiiiiiiiiiiiieeeeeeeeeeeeeeeellllllllllllllllllll zzzzzuuuuuuuuu llllllllllllaaaaaaaaannnnnnnnnnggeeeeeeeennnnnnn TTTTTTeeeeeeeeeeeeeeexxxxxxxxxxxxt</td>
</tr>
<tr>
<td class="fix">ImageLink</td>
<td>DiesIstEinBild.png</td>
</tr>
<tr>
<td class="fix">LendTime</td>
<td>30</td>
</tr>
<tr>
<td class="fix">LendType</td>
<td>Buch</td>
</tr>
</table>
</div>
</body>
</html>