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 […]

How to make text underlined in HTML

How to make text underlined in HTML problem You wish to make some text appear in underlined format. In this post we will see how to do that using HTML tags. SOLUTION We can use the Underline tag <u>. It has an opening and a closing tag for us to enclose the text we wish […]

How to make text Italic in HTML

How to make text Italic in HTML problem You’re learning HTML and wish to format some text into Italic. In this post we will see two ways to do this. SOLUTION 1 Using the Italic <i> tag. This tag has an opening and a closing tag. For example, if we want to make a line […]

How to make text bold in HTML

How to make text bold in HTML problem You’re learning how to create webpages with HTML and wish to add some bold formatting on the text appearing on the screen. In this post we will see two ways to accomplish this. SOLUTION Using the <b> tag. Let’s say we have a line of text and […]

How to add a list in HTML

How to add a list in html problem You’re learning HTML and wish to place some information on your webpage as a list, either bullet point or numbered list. In this post we will see how to do that. SOLUTION Using the <ul> tag or the <ol> tag. Both of the tags have opening and […]