Editable combobox in HTML5 and bootstrap

Creating an editable combobox in HTML5

Recently while reading the HTML5 specification I found out a new cool feature called datalist element

Which basically allows you to create an editable select form element by providing a list of possible values to an input whilst also allowing for new values to be provided (think of it as a basic auto-complete field)

Below is an example of how to implement this :


Note that this is also compatible with Bootstrap 4 and 3

Popular posts from this blog

Multi-hop ssh tunnel - howto : Creating a SSH tunnel with port forwarding between multiple hosts

Spring boot and spring data jpa tutorial - A sample application using spring 4.0 spring boot and JPA (part 2/2)

MongoDB spring data $elemMatch in field projection