JavaScriptTest/WebPageSetting.html at MAIN · rbusdon/JavaScriptTest · 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
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
<head>
    <title>JavaScript Crud</title>
    <style>
        .grid-container {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 10px;
            padding: 10px;
        }

        .grid-item {
            border: 2px dotted black;
            padding: 10px;
        }
    </style>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
</head>
<body>
    <form id="inputForm">
        <h1>JavaScript Crud</h1>
        <label>You can insert your information below. They will be saved into the system.</label>
        <p></p>
        <input type="text" id="input-user" name="User" placeholder="User">
        <input type="text" id="input-name" name="Name" placeholder="Name">
        <input type="text" id="input-surname" name="Surname" placeholder="Surname">
        <input type="text" id="input-email" name="eMail" placeholder="eMail">
        <button type="submit" title="Insert" id="submit-button">Insert</button>
        <button type="button" title="Modify" id="modify-button">Modify</button>
        <button type="button" title="Delete" id="delete-button">Delete</button>
        <button type="button" title="Search" id="search-button">Search</button>
    </form>

    <div id="grid" class="grid-container"></div>

    <script src="C:\Users\Utente\JavaScriptExercise\CrudStructure.js"></script>
</body>
</html>