How to use the label tag in HTML
problem
SOLUTION
Using the <label> tag. It has an opening and a closing tag. (It’s not a self-enclosing tag like the image tag). For example:
<label>This is a label</label>
output
It appears simply as a text.
Combining it with a text field
Let’s see an example that is combined with a text field. For example, we wish to collect the name of the user. We will need a label and a text field. In order to associate one element (tag) with the other one we need to use the for attribute and name attribute.
For example, we will name the text field “txtname” and we will link the label to it with the for attribute, for=”txtname”.
In simple words, we tell the browser that the label is for that particular text box.
<label for="txtname">Please enter your name:</label>
<input type="text" name="txtname"/>
output
conclusion
In this post we saw how to use the label tag with a user input tag for making more user-friendly web pages.
Share it!
Ellion
Professional IT consultant, writer, programmer enthusiast interested in all sorts of coding.
Eats all cookies 🍪