QNimate

  • CoursesVideos
  • WP PremiumPlugins
  • DemosLab
  • Bitcoin BankingBuy, Sell, Store and Earn Interest
  • Home
  • QIdea
  • QTrack
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

Jun 21, 2014Narayan Prusty
Styling First Letter And Line Using CSSCreating Triangles And Circles Using CSS

Leave a Reply Cancel 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`.

Narayan Prusty

I am a full-stack web developer. I specialize in Blockchain and JavaScript. This is my personal blog where I write about programming and technologies that I learn and feel interesting to share.

Image6 years ago Web Development
Share this
0
GooglePlus
0
Facebook
0
Twitter
0
Linkedin
  • What is Placeholder attribute?
  • Styling Placeholder Attribute using CSS
Related Articles
  • How to take Date Input in HTML
  • Displaying Confirmation Box In Intel XDK
  • Styling HTML5 Input Elements
  • Creating a Percentage of Webpage Scrolled Indicator
  • CSS3 Text And Box Shadows
Our Sponsor
Freelance: I am available
@narayanprusty
Hi, I am a full-stack developer - focusing on JavaScript, WordPress, Blockchain, DevOps, Serverless and Cordova. You can outsource your app development to me.





Will get back to you soon!!!
WordPress
ReactJS
Meteor
Blockchain
Serverless
Kubernetes
DevOps
DB & Storage
Ejabberd
Let's get started
My Books

2014 - 2015 © QNimate
All tutorials MIT license