How to define a label for an input element using HTML?

How to specify a short hint that describes the expected value of an input element using HTML ?

Last Updated : 09 Feb, 2022

The placeholder attribute specifies a short hint for input field that describes the expected value of an input field/text area. The short hint is displayed in the field before the user enters a value.

Syntax:

<element placeholder="value">

Attribute Value: This attribute describes the short hint in the input field.

Example:

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>
        How to specify a short hint
        that describes the expected
        value of an input element?
    </title>
</head>
 
<body style="text-align: center;">
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
 
    <h3>
        How to specify a short hint that
        describes <br>the expected
        value of an input element?
    </h3>
 
    <form action=" ">
        <input type="text" name="fname"
            placeholder="First name">
        <br><br>
 
        <input type="text" name="lname"
            placeholder="Last name">
        <br><br>
 
        <input type="submit" value="Submit">
    </form>
</body>
 
</html>

Output:

Supported Browsers: The browser supported by placeholder Attribute are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

How to define a label for an input element using HTML?

V

vkash8574

Improve

Article Tags :

Similar Reads

How to specify the value of an input element using HTML ?

In this article, we will set the value of an input element using HTML. The value attribute for <input> element in HTML is used to specify the initial value of the input element. It has different meaning for different input type: The â€œbuttonâ€, â€œresetâ€ and â€œsubmitâ€ property specifies the text on

How to specify that a user can enter more than one value in an input element in HTML5?

The multiple attribute is used to specify whether the user can enter more than one value in an input element. It is a Boolean attribute. When set to true, the input element can accept more than one value. The multiple properties can be used in the following ways. With the <input> tag only the

How to set a regular expression for an input element value that checked against using HTML ?

In this article, we will use <input> pattern attribute to set the regular expression pattern for an input field that checked against. The HTML <input> pattern attribute is used to specify the regular expression on which the input elements value is checked against. This attribute works wi

How to specify the type of an input element using HTML ?

In this article, we will specify the type of an input element using HTML. The HTML <input> type attribute is used to specify the type of <input> element to display. The default type of <input> type attribute is text. Syntax: <input type="value"> Attribute Values: button: It i

How to define a label for an input element using HTML?

To define a label for an input element in HTML5, use the <label> tag. This tag enhances usability by allowing users to click on the label text to toggle the associated input control. The <label> tag should include a for attribute that matches the id of the input element, ensuring a clear

How to set the default value for an HTML <select> element ?

Setting the default value for an HTML <select> element ensures a specific option is preselected when the form loads. This is done by adding the selected attribute to the desired <option> tag. It's useful for enhancing user experience by pre-filling forms with common or expected values. T

How to define a part of text in an alternate voice or mood using HTML5 ?

In this article, we define a part of a text in an alternate voice or mood by using the <i> tag in the HTML document. It is used to display the content in the italic style. Generally, it is used to display the technical term, phrase, or important words of some different language or technology.

How to Get the Value of an Input Text Box using jQuery?

When working with forms or interactive web pages, sometimes need to get the values entered into the input fields. This article provide a complete guide on how to get the value o an input text box using jQuery. Below are the different approaches to get the value of an input text box using jQuery: Get

How to Hide a Value or Text from the HTML Input control ?

Hiding values or text from HTML input controls involves concealing information within the web page's structure so that it's not immediately visible to the user but can still be accessed and processed by the web application. This technique is often used for storing sensitive data or for managing info

How to require the current value of the gauge in HTML5 ?

A Gauge is a marker that can be in the form of a dial or a bar. It has min, max, high, and low attributes to display the amount of data provided to it. In HTML5 <meter> tag is used to display and measure the data in a given range in the form of a gauge. The following attributes are used with t