Add files via upload

chesswhy · web-flow · commit 7713026d93f6 · 2026-04-08T12:39:54.000-07:00
diff --git a/index.html b/index.html
@@ -0,0 +1,81 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>HTML Input Types Demo</title>
+    <style>
+        body { font-family: Arial, sans-serif; padding: 20px; }
+        label { display: block; margin-top: 10px; font-weight: bold; }
+        input { margin: 5px 0; padding: 5px; width: 250px; }
+    </style>
+</head>
+<body>
+    <h1>HTML Input Types Demo</h1>
+    <form>
+        <!-- Textual Inputs -->
+        <label for="text">Text:</label>
+        <input type="text" id="text" placeholder="Enter text">
+
+        <label for="password">Password:</label>
+        <input type="password" id="password" placeholder="Enter password">
+
+        <label for="email">Email:</label>
+        <input type="email" id="email" placeholder="example@example.com">
+
+        <label for="url">URL:</label>
+        <input type="url" id="url" placeholder="https://example.com">
+
+        <label for="tel">Telephone:</label>
+        <input type="tel" id="tel" placeholder="123-456-7890">
+
+        <label for="search">Search:</label>
+        <input type="search" id="search" placeholder="Search...">
+
+        <label for="number">Number:</label>
+        <input type="number" id="number" min="0" max="100" step="1">
+
+        <label for="range">Range:</label>
+        <input type="range" id="range" min="0" max="100">
+
+        <label for="color">Color:</label>
+        <input type="color" id="color">
+
+        <!-- Date and Time Inputs -->
+        <label for="date">Date:</label>
+        <input type="date" id="date">
+
+        <label for="time">Time:</label>
+        <input type="time" id="time">
+
+        <label for="datetime-local">Datetime-local:</label>
+        <input type="datetime-local" id="datetime-local">
+
+        <label for="month">Month:</label>
+        <input type="month" id="month">
+
+        <label for="week">Week:</label>
+        <input type="week" id="week">
+
+        <!-- Choice Inputs -->
+        <label for="checkbox">Checkbox:</label>
+        <input type="checkbox" id="checkbox"> Check me
+
+        <label>Radio buttons:</label>
+        <input type="radio" name="radioGroup" value="1"> Option 1
+        <input type="radio" name="radioGroup" value="2"> Option 2
+      
+        <label for="file">File upload:</label>
+        <input type="file" id="file">
+
+        <!-- Buttons -->
+        <input type="submit" value="Submit">
+        <input type="reset" value="Reset">
+        <input type="button" value="Just a button">
+        <input type="image" src="https://via.placeholder.com/50" alt="Submit Image">
+
+        <!-- Hidden Input -->
+        <input type="hidden" name="hiddenField" value="Hidden Value">
+    </form>
+</body>
+</html>
