| 123456789101112131415161718192021222324252627282930313233343536373839 |
- <!doctype html>
- <title>Widgets demo</title>
- <link rel="stylesheet" type="text/css" href="widgets.css">
- <button onclick="document.body.classList.toggle('dark')">Switch Light/Dark</button><br><br>
- <input type="button" value="input[type=button]"/><br><br>
- <input type="submit"/><br><br>
- <input type="reset"/><br><br>
- <input type="color"/><br><br>
- <hr>
- <select>
- <option>Option 1</option>
- <option>Option 2</option>
- <option>Option 3</option>
- </select><br><br>
- <select multiple>
- <option>Option 1</option>
- <option>Option 2</option>
- <option>Option 3</option>
- </select><br><br>
- <input type="file"/><br><br>
- <input type="range"/><br><br>
- <input type="checkbox" id="choice"/><label for="choice">Binary Choice</label><br><br>
- <input type="radio" name="radio-choice" id="opt-1"/><label for="opt-1">Option 1</label><br>
- <input type="radio" name="radio-choice" id="opt-2"/><label for="opt-2">Option 2</label><br><br>
- <input type="date"/><br><br>
- <input type="datetime-local"/><br><br>
- <input type="time"/><br><br>
- <input type="email"/><br><br>
- <input type="month"/><br><br>
- <input type="number"/><br><br>
- <input type="password"/><br><br>
- <input type="search"/><br><br>
- <input type="tel"/><br><br>
- <input type="text"/><br><br>
- <input type="url"/><br><br>
- <input type="week"/><br><br>
- <textarea></textarea>
|
