library/index.html at master · ratherSimple/library · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>
<head>
    <link href="style.css" rel="stylesheet">
    <title>Library</title>
</head>
<body>
        <form id="form">
            <fieldset>
                <legend>Add a book</legend>
            <input name="title" placeholder="Title" class="form-item">
            <input name="author" placeholder="Author" class="form-item">
            <input name="pages" placeholder="Pages" class="form-item">
            Read?<input name="read" type="checkbox" class="form-item checkbox">
            <button id="submit-form" type="button" class="form-item">Add Book</button>
        </fieldset>
    </form>


<table id="table">
    <tr>
        <th class="table-heading">Title</th>
        <th class="table-heading">Author</th>
        <th class="table-heading">Pages</th>
        <th class="table-heading">Status</th>
        <th class="table-heading">Remove</th>
        <th class="table-heading">Toggle read status</th>
    </tr>
</table>
<script src="script.js" type="text/javascript"></script>
</body>
</html>