Tutorialspoint.dev

HTML | placeholder Attribute

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

Syntax:

<element palceholder="">

Elements: This method can have following attributes:

  • <input>
  • <textarea>

Attribute: The attribute for each of the above element is placeholder.

Example: With <input> element



<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="font-size:25px;font-style:italic;">GeeksForGeeks</h1>
<h2 style="font-size:25px;font-style:italic;">Placeholder Attribute in Input Element</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>
</body>
</html>

Output:

Example: With <textarea> element

<!DOCTYPE html>
<html>
<body>
<center>
<h1 style="font-size:25px;font-style:italic;">GeeksForGeeks</h1>
<h2 style="font-size:25px;font-style:italic;">Placeholder Attribute in Textarea Element</h2>
Give your Intro:
<textarea rows="4" cols="40" placeholder="Write something here about yourself..."></textarea>
  
  
</body>
</html>

Output:

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

  • Apple Safari 1+
  • Google Chrome 1+
  • Firefox 1+
  • Opera 4+
  • Internet Explorer 2+


This article is attributed to GeeksforGeeks.org

leave a comment

code

0 Comments

load comments

Subscribe to Our Newsletter