<!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>