added remaining examples

jwoolbright23 · jwoolbright23 · commit 0ca8e17c79eb · 2023-10-10T12:57:51.000-05:00
diff --git a/user-input-with-forms/chapter-examples/checkbox-inputs/index.html b/user-input-with-forms/chapter-examples/checkbox-inputs/index.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width">
+    <title>repl.it</title>
+    <link href="style.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <form action="https://handlers.education.launchcode.org/request-parrot" method="post">
+
+      <!-- single checkbox -->
+      <label>crew<input type="checkbox" name="crewReady"/></label>
+
+      <!-- group with different name -->
+      <h3>Activities</h3>
+      <label>cooking<input type="checkbox" name="cooking"/></label>
+      <label>running<input type="checkbox" name="running"/></label>
+      <label>movies<input type="checkbox" name="movies"/></label>
+
+      <!-- group all with same name -->
+      <h3>Ingredients</h3>
+      <label>Onion<input type="checkbox" name="ingredient" value="onion"/></label>
+      <label>Butter<input type="checkbox" name="ingredient" value="butter"/></label>
+      <label>Rice<input type="checkbox" name="ingredient" value="rice"/></label>
+
+      <button>Send Report</button>
+    </form>
+  </body>
+</html>
diff --git a/user-input-with-forms/chapter-examples/checkbox-inputs/script.js b/user-input-with-forms/chapter-examples/checkbox-inputs/script.js
@@ -0,0 +1 @@
+// Add Your Code Below
diff --git a/user-input-with-forms/chapter-examples/checkbox-inputs/style.css b/user-input-with-forms/chapter-examples/checkbox-inputs/style.css
@@ -0,0 +1 @@
+/*/ Add Your Code Below /*/
