docs(cb-a11y): Content - Form controls

Author: AlmeroSteyn

public/docs/ts/latest/cookbook/a11y.jade

@@ -308,6 +308,24 @@ code-example(language="html" escape="html" format="linenums").
         </div>
     </a11y-select>
 
+:marked
+    ### Explicit labelling
+
+    There could be a number of reasons that you prefer not to use the `implicit labelling` syntax described above. Maybe
+    you need to write the input outside the lable for positioning or styling purposes. Or maybe your elements are
+    already furnished with id's.
+
+    As alternative you can also use the `explicit labelling` syntax. For this syntax you are required to add an `id` to
+    the `HTML` form element to connect the label.
+
+    This is also the reason why `implicit labelling` could come in very useful with reusable Angular&nbsp;2 components.
+    Remember that an `id` should be unique on a page, and any component where `explicit labelling` is used, will need
+    a way to add unique id's to the elements.
+
+    This time we will only look at adding an `explicit label` to an `INPUT`. The examples under the `implicit labelling`
+    section can easily be adjusted once you know how this works.
+
+
 .l-main-section
 <a id="keyboard-shortcuts"></a>
 :marked