Home Carbon Ads HTML5 Form Placeholder Attribute

HTML5 Form Placeholder Attribute

placeholder

In this I will teach all about HTML5 placeholder attribute. We will learn what it is and how we can style it using CSS>

What is Placeholder attribute?

The HTML5 placeholder attribute is used in input tags.The placeholder attribute specifies a short hint that describes the expected value of an input field (e.g. a sample value or a short description of the expected format).The short hint is displayed in the input field before the user enters a value.

The placeholder attribute works with the following input types: text, search, url, tel, email, and password.

Styling Placeholder Attribute using CSS

Placeholder attribute can be styled using ::input-placeholder psuedo-element.

CSS properties supported by ::input-place are:

  1. color
  2. font
  3. letter-spacing
  4. line-height
  5. padding
  6. text-align
  7. text-decoration

Narayan Prusty
Styling First Letter And Line Using CSSCreating Triangles And Circles Using CSS

Leave a Reply

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax

Narayan Prusty

I am a software engineer specialising in Blockchain, DevOps and Go/JavaScript. This is my personal blog where I write about things that I learn and feel interesting to share.

Image8 years ago Web Development
Share this
Related Articles