skoobasteeve/rayandgwen-wedding
1
0
Fork 0
mirror of https://github.com/skoobasteeve/rayandgwen-wedding.git synced 2026-03-19 22:58:55 +00:00
Code Issues Projects Releases Wiki Activity

conditional field example

Browse Source
This commit is contained in:
Ray Lyon
2020-10-18 20:03:45 -04:00
parent d8cff32b91
commit fe2c18e5aa
1 changed files with 53 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
_pages/rsvp.md
View File

@@ -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>