113 lines
No EOL
4.4 KiB
HTML
113 lines
No EOL
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> |