HTML label: Main Tips
- HTML label acts as a caption for a specified element.
- It is very convenient to use HTML label for <input> elements. It increases the clickable area, as clicking the label activates the input as well.
- An input element can also be nested inside the HTML
- You must include the closing tag.
Using label Tag
<label> element specifies an HTML label for a given element:
<label>My Name Field</label> <input type="text" name="myName" class="myNameInput" required/>
The element that has an HTML label is called the labeled control.
Note: one element can have multiple labels.
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid certificates of completion
- Professional service
- Flexible timetables
- A variety of features to choose from
- Professional certificates of completion
- University-level courses
- Multiple Online degree programs
- Great user experience
- Offers quality content
- Very transparent with their pricing
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
Attributes for label
for attribute HTML
label tags include must have a value equal to the
id of an element. The label is applied to the first labelable element in the document that matches the specified value:
<label for="phone">My Phone Number:</label> <input type="text" value="" name="phoneNo" id="phone" size="30" placeholder="Provide your phone number">
form attribute was added in HTML5. It is also used to specify the element to label, but only works with <form> elements:
<form id="userform"> <label for="uname">Username</label> <input type="text" id="uname">< <label for="pass" form="userform">Password</label> <input type="password" id="pass"> <input type="submit" value="Submit"> </form>
Mobile browser support
Latest Udacity Coupon Found:
75% OFF COURSES
Udacity Black Friday Offer
The best time to save on Udacity courses is now - follow this coupon to access a 75% Udacity Black Friday discount & enjoy learning at a very low cost!