2026-08-12 13:15:57 +02:00
parent 3188718f5e
commit 642ccb69ff
269 changed files with 27210 additions and 18 deletions
--- a/05_react/faq/formular.html
+++ b/05_react/faq/formular.html
@@ -0,0 +1,49 @@
+<!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>