docs(cb-a11y): Building examples - Form controls

Author: AlmeroSteyn

public/docs/_examples/cb-a11y/ts/app/a11y-form-controls.component.html

@@ -20,63 +20,63 @@
 
 
     <div class="form-group">
-        <label for="a11yreason">Why are you interested in a11y?
-            <select id="a11yreason" name="a11yreason" class="form-control">
+        <label>Why are you interested in a11y?
+            <select name="a11yreason" class="form-control">
                 <option value="1">Curiosity</option>
                 <option value="2">Increased userbase</option>
                 <option value="3">Legal reasons</option>
             </select>
         </label>
     </div>
 
-    <label for="fortextArea">
-        Label for text area:
-    </label>
-    <textarea id="fortextArea" class="form-control"></textarea>
+    <!--<label for="fortextArea">-->
+        <!--Label for text area:-->
+    <!--</label>-->
+    <!--<textarea id="fortextArea" class="form-control"></textarea>-->
 
-    <fieldset class="form-group row">
-        <div class="col-xs-12">
-            <legend>What do you like most about Angular 2:</legend>
-            <div class="checkbox col-xs-12">
-                <input id="templatesyntax" type="checkbox" name="likes" value="templateSyntax">
-                <label for="templatesyntax">Template syntax</label>
-            </div>
-            <div class="checkbox col-xs-12">
-                <input id="observables" type="checkbox" name="likes" value="observables">
-                <label for="observables">Observables</label><br>
-            </div>
-            <div class="checkbox col-xs-12">
-                <input id="components" type="checkbox" name="likes" value="components">
-                <label for="components">Components</label><br>
-            </div>
-            <div class="checkbox col-xs-12">
-                <input id="forms" type="checkbox" name="likes" value="forms">
-                <label for="forms">Forms</label>
-            </div>
-        </div>
-    </fieldset>
+    <!--<fieldset class="form-group row">-->
+        <!--<div class="col-xs-12">-->
+            <!--<legend>What do you like most about Angular 2:</legend>-->
+            <!--<div class="checkbox col-xs-12">-->
+                <!--<input id="templatesyntax" type="checkbox" name="likes" value="templateSyntax">-->
+                <!--<label for="templatesyntax">Template syntax</label>-->
+            <!--</div>-->
+            <!--<div class="checkbox col-xs-12">-->
+                <!--<input id="observables" type="checkbox" name="likes" value="observables">-->
+                <!--<label for="observables">Observables</label><br>-->
+            <!--</div>-->
+            <!--<div class="checkbox col-xs-12">-->
+                <!--<input id="components" type="checkbox" name="likes" value="components">-->
+                <!--<label for="components">Components</label><br>-->
+            <!--</div>-->
+            <!--<div class="checkbox col-xs-12">-->
+                <!--<input id="forms" type="checkbox" name="likes" value="forms">-->
+                <!--<label for="forms">Forms</label>-->
+            <!--</div>-->
+        <!--</div>-->
+    <!--</fieldset>-->
 
-    <fieldset class="form-group row">
-        <div class="col-xs-12">
-            <legend>Choose your favourite Angular 2 language:</legend>
-            <div class="radio col-xs-12">
-                <input id="typescript" type="radio" name="language" value="typeScript">
-                <label for="typescript">TypeScript</label><br>
-            </div>
-            <div class="radio col-xs-12">
-                <input id="javascript" type="radio" name="shipping" value="javaScript">
-                <label for="javascript">JavaScript</label><br>
-            </div>
-            <div class="radio col-xs-12">
-                <input id="es6" type="radio" name="shipping" value="es6">
-                <label for="es6">ES6</label>
-            </div>
-            <div class="radio col-xs-12">
-                <input id="dart" type="radio" name="shipping" value="dart">
-                <label for="dart">Dart</label>
-            </div>
-        </div>
-    </fieldset>
+    <!--<fieldset class="form-group row">-->
+        <!--<div class="col-xs-12">-->
+            <!--<legend>Choose your favourite Angular 2 language:</legend>-->
+            <!--<div class="radio col-xs-12">-->
+                <!--<input id="typescript" type="radio" name="language" value="typeScript">-->
+                <!--<label for="typescript">TypeScript</label><br>-->
+            <!--</div>-->
+            <!--<div class="radio col-xs-12">-->
+                <!--<input id="javascript" type="radio" name="shipping" value="javaScript">-->
+                <!--<label for="javascript">JavaScript</label><br>-->
+            <!--</div>-->
+            <!--<div class="radio col-xs-12">-->
+                <!--<input id="es6" type="radio" name="shipping" value="es6">-->
+                <!--<label for="es6">ES6</label>-->
+            <!--</div>-->
+            <!--<div class="radio col-xs-12">-->
+                <!--<input id="dart" type="radio" name="shipping" value="dart">-->
+                <!--<label for="dart">Dart</label>-->
+            <!--</div>-->
+        <!--</div>-->
+    <!--</fieldset>-->
 
     <!--<label for="a11yreason">Why are you interested in a11y?</label>-->
     <!--<select id="a11yreason" name="a11yreason" class="form-control">-->