53 lines
1.3 KiB
HTML
53 lines
1.3 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
|
||
|
|
<title>Filmdatenbank</title>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
table, td, tr, th {
|
||
|
|
border: 1px solid;
|
||
|
|
border-color: #d3d3d3;
|
||
|
|
border-collapse: collapse;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script src="js/filmdatenbank.js" defer="defer"></script>
|
||
|
|
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<h1>Filmdatenbank</h1>
|
||
|
|
<form>
|
||
|
|
<table id="filmtable">
|
||
|
|
<tr>
|
||
|
|
<th data-type="string" data-field="titel">Titel</a></th>
|
||
|
|
<th data-type="string" data-field="regisseur">Regisseur</th>
|
||
|
|
<th data-type="int" data-field="jahr">Jahr</th>
|
||
|
|
<th data-type="int" data-field="spielzeit">Spielzeit</th>
|
||
|
|
<th data-type="int" data-field="fsk">FSK</th>
|
||
|
|
<th> </th>
|
||
|
|
</tr>
|
||
|
|
<tr id="eingabe">
|
||
|
|
<td>
|
||
|
|
<input type="text" id="title" required="required">
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" id="regisseur" required="required">
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" size="4" id="jahr" required="required" pattern="19[0-9][0-9]|20[012][0-9]" title="1900-2022">
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" size="4" id="spielzeit" required="required" pattern="[1-9][0-9]+">
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
<input type="text" size="2" id="fsk" required="required" pattern="0|6|12|16|18">
|
||
|
|
</td>
|
||
|
|
<td>
|
||
|
|
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</form>
|
||
|
|
</body>
|
||
|
|
</html>
|