Docs: code example for file upload

Author: philwareham

docs/index.html

@@ -1191,6 +1191,38 @@ <h2 class="design-patterns-heading">Time fields</h2>
                             </div>
                         </div>
 
+                        <h2 class="design-patterns-heading">File uploads</h2>
+                        <p><strong>Code:</strong></p>
+                        <pre dir="ltr"><code class="language-markup">&lt;div class="inline-file-uploader"&gt;
+    &lt;label for="file-upload"&gt;Upload file&lt;/label&gt;
+    &lt;input type="file" multiple&gt;
+    &lt;span class="inline-file-uploader-actions"&gt;
+        &lt;label for="file_example_category"&gt;Category&lt;/label&gt;
+        &lt;select id="file_example_category"&gt;
+            &lt;option value="" selected&gt;&nbsp;&lt;/option&gt;
+            &lt;option value="file-example-category"&gt;Example category&lt;/option&gt;
+        &lt;/select&gt;
+    &lt;/span&gt;
+    &lt;span class="inline-file-uploader-actions"&gt;
+        &lt;input type="submit" value="Upload"&gt;
+    &lt;/span&gt;
+&lt;/div&gt;</code></pre>
+                        <p><strong>Example:</strong></p>
+                        <div class="inline-file-uploader">
+                            <label for="file-upload">Upload file</label>
+                            <input type="file" multiple>
+                            <span class="inline-file-uploader-actions">
+                                <label for="file_example_category">Category</label>
+                                <select id="file_example_category">
+                                    <option value="" selected>&nbsp;</option>
+                                    <option value="file-example-category">Example category</option>
+                                </select>
+                            </span>
+                            <span class="inline-file-uploader-actions">
+                                <input type="submit" value="Upload">
+                            </span>
+                        </div>
+
                         <h2 class="design-patterns-heading">Checkboxes</h2>
                         <p><strong>Code:</strong></p>
                         <pre dir="ltr"><code class="language-markup">&lt;input type="checkbox" id="test_checkbox_1" name="test_checkbox_1"&gt;

docs/rtl.html

@@ -1191,6 +1191,38 @@ <h2 class="design-patterns-heading">Time fields</h2>
                             </div>
                         </div>
 
+                        <h2 class="design-patterns-heading">File uploads</h2>
+                        <p><strong>Code:</strong></p>
+                        <pre dir="ltr"><code class="language-markup">&lt;div class="inline-file-uploader"&gt;
+    &lt;label for="file-upload"&gt;Upload file&lt;/label&gt;
+    &lt;input type="file" multiple&gt;
+    &lt;span class="inline-file-uploader-actions"&gt;
+        &lt;label for="file_example_category"&gt;Category&lt;/label&gt;
+        &lt;select id="file_example_category"&gt;
+            &lt;option value="" selected&gt;&nbsp;&lt;/option&gt;
+            &lt;option value="file-example-category"&gt;Example category&lt;/option&gt;
+        &lt;/select&gt;
+    &lt;/span&gt;
+    &lt;span class="inline-file-uploader-actions"&gt;
+        &lt;input type="submit" value="Upload"&gt;
+    &lt;/span&gt;
+&lt;/div&gt;</code></pre>
+                        <p><strong>Example:</strong></p>
+                        <div class="inline-file-uploader">
+                            <label for="file-upload">Upload file</label>
+                            <input type="file" multiple>
+                            <span class="inline-file-uploader-actions">
+                                <label for="file_example_category">Category</label>
+                                <select id="file_example_category">
+                                    <option value="" selected>&nbsp;</option>
+                                    <option value="file-example-category">Example category</option>
+                                </select>
+                            </span>
+                            <span class="inline-file-uploader-actions">
+                                <input type="submit" value="Upload">
+                            </span>
+                        </div>
+
                         <h2 class="design-patterns-heading">Checkboxes</h2>
                         <p><strong>Code:</strong></p>
                         <pre dir="ltr"><code class="language-markup">&lt;input type="checkbox" id="test_checkbox_1" name="test_checkbox_1"&gt;