From fe2c18e5aa14d803b870551d6bcd5b6512ad07ae Mon Sep 17 00:00:00 2001
From: Ray Lyon <ray@raylyon.net>
Date: Sun, 18 Oct 2020 20:03:45 -0400
Subject: [PATCH] conditional field example

---
 _pages/rsvp.md | 53 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

diff --git a/_pages/rsvp.md b/_pages/rsvp.md
index d93098b..ce124a8 100644
--- a/_pages/rsvp.md
+++ b/_pages/rsvp.md
@@ -9,3 +9,56 @@ header:
   overlay_filter: "0.5"
   overlay_image: /assets/images/banner.jpg
 ---
+
+<form class="p-3">
+  <div class="form-group">
+    <label for="name">Name</label>
+    <input type="text" class="form-control" id="name" placeholder="Joe Smith">
+  </div>
+  
+  <div class="form-group">
+    <label for="seeAnotherField">Do You Want To See Another Field?</label>
+    <select class="form-control" id="seeAnotherField">
+          <option value="no">No Way.</option>
+          <option value="yes">Absolutely!</option>
+    </select>
+  </div>
+  
+  <div class="form-group" id="otherFieldDiv">
+    <label for="otherField">Here you go!</label>
+    <select class="form-control" id="otherField">
+      <option>Yay</option>
+      <option>Woo</option>
+      <option>Hazah</option>
+      <option>Yipee</option>
+      <option>Hoorah</option>
+    </select>
+  </div>
+  
+  <div class="form-group">
+    <label for="seeAnotherFieldGroup">Do You Want To See Another Group of Fields?</label>
+    <select class="form-control" id="seeAnotherFieldGroup">
+          <option value="no">Not Particularly.</option>
+          <option value="yes">I Guess!</option>
+    </select>
+  </div>
+  
+  <div class="form-group" id="otherFieldGroupDiv">
+    <div class="row">
+      <div class="col-6">
+        <label for="otherField1">Group: Heres One!</label>
+        <input type="text" class="form-control w-100" id="otherField1">
+      </div>
+      <div class="col-6">
+        <label for="otherField2">Group: Another One!</label>
+        <input type="text" class="form-control w-100" id="otherField2">
+      </div>
+    </div>
+  </div>
+  
+  <div class="form-group">
+    <label for="comments">Comments/Questions</label>
+    <textarea class="form-control" id="comments" rows="3"></textarea>
+  </div>
+  <button type="submit" class="btn btn-primary">Submit</button>
+</form>
\ No newline at end of file