How to use the progress bar in HTML

How to use the progress bar in HTML problem You will like to use a progress bar on your web page. For example to show the progress of a process. Instead of showing a percentage, you visually convey the status using a progress bar. SOLUTION In HTML we have the <progress> tag. It has an […]

How to use the header tag in HTML

How to use the header tag in HTML problem In web pages, we often see headlines. That is a one line text in big size that appears as a heading. For example, the title of an article. In this post we will see how to put headers on a web page. SOLUTION Using the headers […]

How to add comments in HTML

How to add comments in HTML problem In HTML we can comment out our code by using the comments tags. In this post we will see an example of how to add comments. SOLUTION Similar to other tags in HTML that have opening and closing tags; the comments are enclosed between the following symbols: comments.html […]

How to use the label tag in HTML

How to use the label tag in HTML problem You wish to use a label in HTML to show some text on the webpage. A label can be used in combination with  a user-input tag like a textfield, checkbox, etc. Or it can be used to keep a piece of data hidden from the user […]

How to add a numerical box (textfield) in HTML

How to add a numerical box (textfield) in HTML problem You wish to add a numerical box on your web page to better guide your user to enter numbers only. SOLUTION By using the <input> tag with type=”number”. For example: numerical_box.html output We can either click on the buttons that are inside the box to […]

How to add a checkbox in HTML

How to add a checkbox in HTML problem You wish to add a checkbox on your webpage like shown below. In this post we will see an example of adding a checkbox and a group of checkboxes. SOLUTION Using the <input> tag with attribute type=”checkbox”. For example: checkbox.html output After you click on it Cool, […]

How to add a datepicker in HTML

How to add a datepicker in HTML problem You wish to let your user select a date on your website in a user-friendly way. Instead of typing in the day, month and year, you wish to use a pop up calendar and let the user select the date. SOLUTION By using the <input> tag with […]

How to add a password field (textbox) in HTML

How to add a password field (textbox) in HTML problem You wish to let your user type a password on your webpage, e.g. for login or signing up. In this post we will see how to use a password field which is similar to a textfield with the difference of not showing what is being […]

How to add a colorpicker in HTML

How to add a colorpicker in HTML problem You wish to let the user pick a color on your website. In this post we will see how to use the <input> tag to allow the user to choose a color like in the screenshot (varies from OS to OS). SOLUTION Using the <input> tag with […]

How to add a radio button in HTML

how to add a radio button in html problem You’re learning HTML and wish to use the radio button for the user to click and select an option. In this post we will see how to place a few buttons. SOLUTION Using the <input> tag with attribute type=”radio”. It is called a radio button because […]

Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.

Strictly Necessary Cookies

Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.

Google Analytics Cookies

This website uses Google Analytics to collect anonymous information such as the number of visitors to the site, and the most popular pages.

Keeping this cookie enabled helps us to improve our website.

HotJar Cookies

We use Hotjar in order to better understand our users’ needs and to optimize this service and experience. Hotjar is a technology service that helps us better understand our users’ experience (e.g. how much time they spend on which pages, which links they choose to click, what users do and don’t like, etc.) and this enables us to build and maintain our service with user feedback. Hotjar uses cookies and other technologies to collect data on our users’ behavior and their devices. This includes a device's IP address (processed during your session and stored in a de-identified form), device screen size, device type (unique device identifiers), browser information, geographic location (country only), and the preferred language used to display our website. Hotjar stores this information on our behalf in a pseudonymized user profile. Hotjar is contractually forbidden to sell any of the data collected on our behalf.

For further details, please see the ‘about Hotjar’ section of Hotjar’s support site.