50 lines
1.6 KiB
HTML
50 lines
1.6 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Formular</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||
</head>
|
||
<body>
|
||
<main>
|
||
<div class="container py-5">
|
||
<h1>Formular</h1>
|
||
<form action="" class="form-contact">
|
||
<div class="row">
|
||
<div class="col">
|
||
<div class="mb-3">
|
||
<label for="input-name" class="form-label">Name</label>
|
||
<input type="text" name="fullname" id="input-name" class="form-control input-name" required />
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<div class="mb-3">
|
||
<label for="input-email" class="form-label">Email</label>
|
||
<input
|
||
type="email"
|
||
name="email"
|
||
id="input-email"
|
||
class="form-control input-email"
|
||
required
|
||
pattern="/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/" />
|
||
</div>
|
||
</div>
|
||
<div class="col-2">
|
||
<div class="mb-3">
|
||
<label for="" style="visibility: hidden; display: block" class="form-label">Send</label>
|
||
<button class="btn btn-dark button-send">Send</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</main>
|
||
<script>
|
||
'use strict';
|
||
|
||
// document.querySelector('form').noValidate = true;
|
||
</script>
|
||
</body>
|
||
</html>
|