Build A Tag Input Field From Scratch, using HTML, CSS & JS

Learn how to build a custom tag input field from scratch. Make a complete working tag input with validation and edit options.

Get The Source Code From All Of My Videos:

What you will learn:
How to-
- Create a custom input field by resetting the default HTML input styles
- Merge icons with input fields to create a unique design
- Create tag elements with JS and output them with dynamic values typed from the input field
- Learn regular expressions and how you can use them to filter out certain characters from strings
- Add a remove button in order to remove tags
- Set a limit to how many characters you can type in an input field
- Limit the amount of tags that can be added to any number you like.
- And more...

Google Icons:

Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)

All of my project are made from scratch by yours truly. I don't take anyone's code as my own, but I do often see my code being copied and pasted into other channels for their tutorials, so of you see an exact copy of a project on another tutorial, just know that the one on my channel is the original one.

Extra Links:
-----------------

Follow me on Instagram:

My Products:

Support Me To Keep Creating And Improving My Content:

Tags:
-----------------
#tags
#javascript
#html

javascript development
javascript app coding
filter strings with regular expressions
custom tag input field js front end programming

[sergiothomaz]

Hello nice job, I did the whole procedure but it doesn't insert the tags, submit on the page and it doesn't do anything, did you add a javascript library or another item that wasn't shown in the video.