floating inputs demo

src/pages/_includes/forms/form-elements-2.html

@@ -41,3 +41,24 @@
 	<label class="form-label">Input with appended icon links</label>
 	{% include ui/form/input-group.html append-button="x:Clear search,adjustments:Search settings,bell:Add notification" flat=true %}
 </div>
+
+<div class="mb-3">
+	<label class="form-label">Floating inputs</label>
+	<div class="form-floating mb">
+		<input type="email" class="form-control" id="floating-input" value="name@example.com" autocomplete="off">
+		<label for="floating-input">Email address</label>
+	</div>
+	<div class="form-floating mb">
+		<input type="password" class="form-control" id="floating-password" value="Password" autocomplete="off">
+		<label for="floating-password">Password</label>
+	</div>
+	<div class="form-floating">
+		<select class="form-select" id="floatingSelect" aria-label="Floating label select example">
+			<option selected>Open this select menu</option>
+			<option value="1">One</option>
+			<option value="2">Two</option>
+			<option value="3">Three</option>
+		</select>
+		<label for="floatingSelect">Select</label>
+	</div>
+</div>