Skip to content

Instantly share code, notes, and snippets.

@brecert
Created February 6, 2023 10:59
Show Gist options
  • Save brecert/fda7f222937cadb0fc750fbcda0dee00 to your computer and use it in GitHub Desktop.
Save brecert/fda7f222937cadb0fc750fbcda0dee00 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html data-bs-theme="dark">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Bootstrap demo</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD"
crossorigin="anonymous"
/>
</head>
<body class="container py-4">
<h1 class="mt-4">Users</h1>
<h2 class="mt-4">Add User</h2>
<form method="POST">
<div class="mb-3">
<label for="name">Név</label>
<input
type="text"
class="form-control"
id="name"
name="name"
placeholder="Teljes Név"
required
/>
</div>
<div class="mb-3">
<label for="address">Cím</label>
<input
type="text"
class="form-control"
id="address"
name="address"
placeholder="Cím"
required
/>
</div>
<div class="mb-3">
<label for="phonenum">Telefonszám</label>
<div class="input-group mb-3">
<span class="input-group-text">+36</span>
<input
type="number"
class="form-control"
id="phonenum"
name="phonenum"
placeholder="Telefonszám"
required
/>
</div>
</div>
<button type="submit" name="submit" class="btn btn-primary">
Küldés
</button>
</form>
<h2 class="mt-4">Current Users</h2>
<table class="table table-dark table-striped table-hover">
<tbody>
<tr>
<th>Név</th>
<th>Cím</th>
<th>Telefonszám</th>
</tr>
</tbody>
</table>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN"
crossorigin="anonymous"
></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment