mirror of
https://github.com/papercss/papercss
synced 2024-06-08 08:52:25 +02:00
Add examples in documentation forms.md
This commit is contained in:
parent
f5c102ea11
commit
b4be7ae2d2
|
@ -163,6 +163,15 @@ description: PaperCSS Forms
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
</fieldset>
|
</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:
|
#### Code:
|
||||||
|
|
||||||
|
@ -322,4 +331,14 @@ description: PaperCSS Forms
|
||||||
</div>
|
</div>
|
||||||
</label>
|
</label>
|
||||||
</fieldset>
|
</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>
|
||||||
```
|
```
|
||||||
|
|
Loading…
Reference in a new issue