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

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