HTML Tags! (Pt. 2)

With creating a menu for my job that I currently work at being Rooster’s Wings and Brew, I have been using more and more HTML that I will later be using JavaScript along with it. Let’s get into it! More HTML tags that I will be using and that you should too!

Today’s HTML tags i’ll be showing will be the color picker, which isn’t going to be too helpful for my personal project currently… but I personally think it’s really neat because we don’t use any CSS or JavaScript!

Using the w3 editor we’re going to use a label for a favorite color then have an input type of color which will actually show the colors you can choose from! It’s extremely simple!

What we see in code is just the most basic things. This will result in this!

As you can see the color picker shows a bar where you can choose which color you’d like to pick. This can be useful for any type of personality page or trying to help with colorblind people who have trouble seeing their reds/greens together and such! Once again its very simple, all you have to do is just have an input type of color!

What’s Pretty neat is that something as simple as a progress bar… can be made with just HTML! This would be useful to tell users whats going on when they upload a file, or wanna see some type of progression when loading something! In order to create a progress bar all you need to do is just type progress tag, but its also very helpful to have a value and max to let a user know how far along that bar is. If there is no max or value then the progress bar will just be shifting back and forth.

Using w3 editor I will show you how the code will look! Rather simple.

That pretty much sums up everything for now! I’ve been writing more and more bite size blogs because I feel like they’re more effective since we’re all on the move and could use bite sized things to take in. None the less, hope whoever reads this has a wonderful and successful week and thanks again for stopping by!