HTML | <input> placeholder Attribute

The <input> placeholder attribute in HTML is used to specify the expected value to be displayed before user input in the input element. Syntax:

<input placeholder="text">

Attribute Values: This attribute contains a single value text which specifies a short hint that describes the expected value of the input field. Example: This Example illustrates the use of Placeholder attribute in <input> element.

html

<!DOCTYPE html>
<html>

<body>
    <center>
        <h1 style="font-size:25px;font-style:italic;">
          GeeksForGeeks
      </h1>
        <h2 style="font-size:25px;font-style:italic;">
          HTML input Placeholder Attribute
      </h2>
      
        <form action=" ">
            <input type="text"
                   name="fname"
                   placeholder="First name">
            <br>
            <input type="text"
                   name="lname" 
                   placeholder="Last name">
            <br>
            <input type="submit" 
                   value="Submit">
        </form>
  </center>
</body>

</html>

Output:

Supported Browsers: The browser supported by HTML <input> Placeholder Attribute are listed below:

Google Chrome 3
Edge 12
Internet Explorer 10
Firefox 4
Opera 12.1
Safari 4

HTML | <input> placeholder Attribute

Explore