aboutsummaryrefslogtreecommitdiff
path: root/HTML/inputfields.html
diff options
context:
space:
mode:
authorOxbian <oxbian@mailbox.org>2024-10-13 14:21:34 -0400
committerOxbian <oxbian@mailbox.org>2024-10-13 14:21:34 -0400
commit157468b84553c47d0f5ba312d815ea7195b0d6b5 (patch)
tree2e367f441239f61f53307855d96e9f40b02e95ac /HTML/inputfields.html
parent633bf74a3ecb66760010ce8b958356523bd75a4b (diff)
downloadweb-template-157468b84553c47d0f5ba312d815ea7195b0d6b5.tar.gz
web-template-157468b84553c47d0f5ba312d815ea7195b0d6b5.zip
feat: components (buttons, inputfields, dropdowns, quotes / codes)
Diffstat (limited to 'HTML/inputfields.html')
-rw-r--r--HTML/inputfields.html65
1 files changed, 65 insertions, 0 deletions
diff --git a/HTML/inputfields.html b/HTML/inputfields.html
new file mode 100644
index 0000000..c2263ae
--- /dev/null
+++ b/HTML/inputfields.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <!-- Metadata -->
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+ <!-- CSS & Atom -->
+ <link rel="stylesheet" href="../CSS/default.css">
+ <link rel="stylesheet" href="../CSS/inputfield.css">
+
+ <title>Inputfield</title>
+</head>
+<body>
+ <div style="margin: 5px">
+ <input type="text" id="username">
+ </div>
+
+ <div style="margin: 5px">
+ <input type="checkbox">
+ </div>
+
+ <div style="margin: 5px">
+ <input type="color">
+ </div>
+
+ <div style="margin: 5px">
+ <input type="date">
+ </div>
+
+ <div style="margin: 5px">
+ <input type="file">
+ </div>
+
+ <div style="margin: 5px">
+ <input type="radio">
+ </div>
+
+ <div style="margin: 5px">
+ <input type="range">
+ </div>
+
+ <div style="margin: 5px">
+ <textarea id="text-zone" rows="4" cols="50">
+ Text zone, text area...
+ </textarea>
+ </div>
+
+ <div style="margin: 5px">
+ <input list="browsers" name="browser" id="browser" type="text">
+
+ <datalist id="browsers">
+ <option value="Edge">
+ <option value="Firefox">
+ <option value="Chrome">
+ <option value="Opera">
+ <option value="Safari">
+ </datalist>
+ </div>
+
+ <div style="margin: 5px">
+ <input type="submit" value="Submit">
+ </div>
+</body>
+</html>
ArKa projects. All rights to me, and your next child right arm.