From e5d225e6d52099f0b821be6c9efcf12d874c1cf8 Mon Sep 17 00:00:00 2001
From: Valery Melou <valerymelou@gmail.com>
Date: Wed, 22 Nov 2017 08:59:58 +0100
Subject: [PATCH] Add IDs to inputs and selects

---
 index.html | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/index.html b/index.html
index 2718860..82af0cb 100644
--- a/index.html
+++ b/index.html
@@ -263,30 +263,30 @@
     <div id="forms" class="section">
       <h2>Forms</h2>
       <div class="form-group">
-        <label>Input</label>
-        <input type="text" placeholder="Nice input">
+        <label for="paperInputs1">Input</label>
+        <input type="text" placeholder="Nice input" id="paperInputs1">
       </div>
       <div class="row">
         <div class="col sm-4">
           <div class="form-group">
-            <label>Block Level</label>
-            <input class="input-block" type="text">
+            <label for="paperInputs2">Block Level</label>
+            <input class="input-block" type="text" id="paperInputs2">
           </div>
         </div>
         <div class="col sm-8">
           <div class="form-group">
-            <label>Block Level</label>
-            <input class="input-block" type="text">
+            <label for="paperInputs3">Block Level</label>
+            <input class="input-block" type="text" id="paperInputs3">
           </div>
         </div>
       </div>
       <div class="form-group">
-          <label>Disabled</label>
-          <input type="text" placeholder="Disabled" disabled>
+          <label for="paperInputs4">Disabled</label>
+          <input type="text" placeholder="Disabled" id="paperInputs4" disabled>
       </div>
       <div class="form-group">
-        <label>Select</label>
-        <select>
+        <label for="paperSelects1">Select</label>
+        <select id="paperSelects1">
           <option value="1">Option 1</option>
           <option value="2">Option 2</option>
           <option value="3">Option 3</option>
@@ -313,30 +313,30 @@
       <div class="docs">
         <pre>
 &lt;div class="form-group"&gt;
-  &lt;label&gt;Input&lt;/label&gt;
-  &lt;input type="text" placeholder="Nice input"&gt;
+  &lt;label for="paperInputs1"&gt;Input&lt;/label&gt;
+  &lt;input type="text" placeholder="Nice input" id="paperInputs1"&gt;
 &lt;/div&gt;
 &lt;div class="row"&gt;
   &lt;div class="col sm-4"&gt;
     &lt;div class="form-group"&gt;
-      &lt;label&gt;Block Level&lt;/label&gt;
-      &lt;input class="input-block" type="text"&gt;
+      &lt;label for="paperInputs2"&gt;Block Level&lt;/label&gt;
+      &lt;input class="input-block" type="text" id="paperInputs2"&gt;
     &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="col sm-8"&gt;
     &lt;div class="form-group"&gt;
-      &lt;label&gt;Block Level&lt;/label&gt;
-      &lt;input class="input-block" type="text"&gt;
+      &lt;label for="paperInputs3"&gt;Block Level&lt;/label&gt;
+      &lt;input class="input-block" type="text" id="paperInputs3"&gt;
     &lt;/div&gt;
   &lt;/div&gt;
 &lt;/div&gt;
 &lt;div class="form-group"&gt;
-  &lt;label&gt;Disabled&lt;/label&gt;
-  &lt;input type="text" placeholder="Disabled" disabled&gt;
+  &lt;label for="paperInputs4"&gt;Disabled&lt;/label&gt;
+  &lt;input type="text" placeholder="Disabled" id="paperInputs4" disabled&gt;
 &lt;/div&gt;
 &lt;div class="form-group"&gt;
-  &lt;label&gt;Select&lt;/label&gt;
-  &lt;select&gt;
+  &lt;label for="paperSelects1"&gt;Select&lt;/label&gt;
+  &lt;select id="paperSelects1"&gt;
     &lt;option value="1"&gt;Option 1&lt;/option&gt;
     &lt;option value="2"&gt;Option 2&lt;/option&gt;
     &lt;option value="3"&gt;Option 3&lt;/option&gt;