diff --git a/docs/content/docs/components/forms.md b/docs/content/docs/components/forms.md
index dc14505..cb113b3 100644
--- a/docs/content/docs/components/forms.md
+++ b/docs/content/docs/components/forms.md
@@ -163,6 +163,15 @@ description: PaperCSS Forms
     </div>
   </label>
 </fieldset>
+<fieldset class="form-group">
+  <label for="input-range">Note /10 :</label>
+  <input type="range" name="note" id="input-range" min="0" max="10">
+</fieldset>
+<fieldset class="form-group">
+  <label for="percentage">Percentage (<code>.input-block</code>) :</label>
+  <input class="input-block" type="range" name="percentage" id="percentage" min="0" max="100" oninput="output.value = this.value + '%';">
+  <output id="output" for="percentage">50%</output>
+</fieldset>
 
 #### Code:
 
@@ -322,4 +331,14 @@ description: PaperCSS Forms
     </div>
   </label>
 </fieldset>
+<fieldset class="form-group">
+  <label for="input-range">Note /10 :</label>
+  <input type="range" name="note" id="input-range" min="0" max="10">
+</fieldset>
+<fieldset class="form-group">
+  <label for="percentage">Percentage (<code>.input-block</code>) :</label>
+  <input class="input-block" type="range" name="percentage" id="percentage"
+         min="0" max="100" oninput="output.value = this.value + '%';">
+  <output id="output" for="percentage">50%</output>
+</fieldset>
 ```