Editable Selection Box
There is not any specific HTML tag to let you edit and select, we just have input tags and select tags but we can combine them and even more we can define our own icon/button for the select box. The trick here is to launch an event to show up our options from our hidden selection box.
You can adjust the options style, however in mobile apps the select options will be shown by an internal widget of the system.
Updated: you can use an input list with its datalist (Autocomplete dropdown)
Doesn’t work in Firefox.
It’s not possible to trigger a ‘mousedown’ event for a ‘select’ in FF. You can use this with other browsers or with mobile apps (web views)
Right now triggering a ‘mousedown’ is also not working in Chrome.
https://w3c.github.io/uievents/#trusted-events
So, I came up with a new solution that works in all browsers 🙂