Documentation
Index
Form Elements
Although they are part of the immutable or non-replaceable elements, a separate section is dedicated to them due to their size.
Forms
| code | display |
|---|---|
| Nunc mattis dui augue, <form style="border:1px red solid">eget facilisis arcu egestas sed.</form> Quisque diam est, | Nunc mattis dui augue, Quisque diam est, |
| <button> fermentum eu urna ut,</button> aliquam mollis felis <input type="submit" value="Fusce vel"> | aliquam mollis felis |
| <input type="text">Quisque diam est, <br> <input type="tel">fermentum eu urna ut, <br> <input type="url">aliquam mollis felis. <br> <input type="email">Fusce vel est sit amet <br> <input type="password">libero malesuada luctus. | Quisque diam est, fermentum eu urna ut, aliquam mollis felis. Fusce vel est sit amet libero malesuada luctus. |
| <input type="date">Quisque diam est, <br> <input type="month">fermentum eu urna ut, <br> <input type="week">aliquam mollis felis. <br> <input type="time">Fusce vel est sit amet <br> <input type="datetime-local">libero malesuada luctus. <input type="number">Mauris ac enim ac est | Quisque diam est, fermentum eu urna ut, aliquam mollis felis. Fusce vel est sit amet libero malesuada luctus. Mauris ac enim ac est |
| <input type="checkbox">Duis nec orci vestibulum, <input type="checkbox"> viverra augue sit amet,<br> <input type="checkbox"> pulvinar metus. | Duis nec orci vestibulum,
viverra augue sit amet, pulvinar metus. |
| <input type="radio" name="x">Duis nec orci vestibulum, <input type="radio" name="x"> viverra augue sit amet,<br> <input type="radio" name="x"> pulvinar metus. | Duis nec orci vestibulum,
viverra augue sit amet, pulvinar metus. |
| <input type="checkbox" readonly="readonly">Duis nec orci vestibulum, <input type="radio" readonly="readonly"> viverra augue sit amet,<br> <input type="radio" name="x"> <label>pulvinar metus</label>. | Duis nec orci vestibulum,
viverra augue sit amet, . |
| Vivamus placerat tincidunt urna, <input type="file"> sit amet tincidunt massa mollis nec. | Vivamus placerat tincidunt urna, sit amet tincidunt massa mollis nec. |
| <select> <option>Vivamus placerat</option> <option>tincidunt urna</option> <option>sit amet tincidunt</option> <option>massa mollis nec</option> </select> | |
| <select multiple="multiple"> <option>Vivamus placerat</option> <option>tincidunt urna</option> <option>sit amet tincidunt</option> <option>massa mollis nec</option> </select> | |
| <select> <optgroup label="pulvinar metus"> <option>Vivamus placerat</option> <option>tincidunt urna</option> </optgroup> <option>sit amet tincidunt</option> <option>massa mollis nec</option> </select> | |
| Vivamus placerat tincidunt urna, <textarea>sit amet tincidunt massa mollis nec.</textarea> | Vivamus placerat tincidunt urna, |
| <label>Lorem ipsum dolor sit amet</label> |