Added radio/checkbox demo.

demo/index.html

@@ -108,6 +108,18 @@ <h1>Demo 2 - Advanced Inputs</h1>
                 <textarea id="demo2_msg" placeholder="Your message"
                           data-ok="message" required></textarea>
             </div>
+            <div class="form-group">
+                <p>Communication Mode (Phone is broken right now!)</p>
+                <input type="radio" id="demo2_contactChoice1"
+                       name="contact" value="email" checked>
+                <label for="demo2_contactChoice1">Email</label>
+                <input type="radio" id="demo2_contactChoice2"
+                       name="contact" value="phone" data-ok="radioPhone">
+                <label for="demo2_contactChoice2">Phone</label>
+                <input type="radio" id="demo2_contactChoice3"
+                       name="contact" value="mail">
+                <label for="demo2_contactChoice3">Mail</label>
+            </div>
             <input type="submit">
         </form>
         <script type="module">
@@ -129,6 +141,10 @@ <h1>Demo 2 - Advanced Inputs</h1>
                 message: {
                     msg: (val) => `Please enter an even number of characters (You entered ${val.length})`,
                     fn: (val) => val.length % 2 === 0
+                },
+                radioPhone: {
+                    msg: () => "Sorry, Phone communication is not allowed here. (Why do we even allow checking this? I dunno)",
+                    fn: (checked) => !checked
                 }
             });