darkwiiplayer/BetterSelect
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add more examples to the webpage

Browse source
This commit is contained in:
Talia 2024-12-19 15:46:58 +01:00
parent a40bdcb56c
commit 79b2ef4890
1 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
index.html
View file

@ -50,19 +50,16 @@
<p>A better muli-option input box for HTML</p> <p>A better muli-option input box for HTML</p>
<form onsubmit='event.preventDefault(); console.table(Object.fromEntries(new FormData(document.querySelector("form")).entries()))'> <better-select name="better-selection" class="search">
<better-select name="better-selection" class="search"> <span slot="placeholder">Placeholder...</span>
<span slot="placeholder">Placeholder...</span> <option value="first">First value</option>
<option value="first">First value</option> <option value="second">Second value</option>
<option value="second">Second value</option> <option value="third">Third value</option>
<option value="third">Third value</option> </better-select>
</better-select>
<button title="Log form data to dev console">Submit</button>
</form>
<details open> <details>
<summary>More examples</summary> <summary>More examples</summary>
<form> <form onsubmit='event.preventDefault(); console.table(Object.fromEntries(new FormData(document.querySelector("form")).entries()))'>
<label> <label>
<span>No Search</span> <span>No Search</span>
<better-select> <better-select>
@ -88,6 +85,8 @@
<option value="third">Third value</option> <option value="third">Third value</option>
</better-select> </better-select>
</label> </label>
<button title="Log form data to dev console">Submit</button>
<p>Submit the form to have its form values printed to the dev console.</p>
</form> </form>
</details> </details>