Home
Feed

Extend

Hashnode Pro
Hashnode for Agents

Resources

The foreword
Hashnode gql skill

Buildful - AI coding agent that delivers frontier-level results at a fraction of the cost Bug0 - The AI-native e2e QA regression testing Hackathons Changelog Brand @hashnode on X Hashnode on LinkedIn Support - hello+support@hashnode.com Code of Conduct Terms Privacy Sitemap

Sign in

Search Hashnode

Search posts, tags, users, and pages

Discussion on "CSS :placeholder-shown class" | Hashnode

Discussion

CSS :placeholder-shown class

Hey everyone, let's talk about placeholders. The wonderful addition to form elements. Today we won't be talking about them as accessibility issues and hazards, but just on how to style the inputs that have them. In CSS we can style the actual placeho...

Nov 23, 2020·4 min read·h.daily-dev-tips.comRead the article

#css
#css3
#programming

#2articles1week

#general-advice

Written by

Chris Bongers

@dailydevtips · Cape Town, SA

Looking to get into development? As a full-stack developer I guide you on this journey and give you bite sized tips every single day 👊

I'm a full-stack developer from South Africa 🇿🇦. I love writing about JavaScript, HTML and CSS.

Responses2

Markdown supported · ⌘↵ to post

Ricardo Luz

I never hear about this, quite useful for this option! I'll use in a future project for sure to highlight required fields without any JS.

Chris Bongers

Yeah I think nowadays if you don't have to support IE, you can make superb websites no-js required!

Shad Mirza

Helpful tip. I wonder what could a real-world use-case of this 🤔?

Chris Bongers

Thanks, Mohd,

You could technically use it to showcase required fields that have no value.

Might not be enough in UX, but def a helpful argument. You could also do extensive extra css art if you're into that.

Nov 23, 2020

Shad Mirza

Chris Bongers Yess, definitely. Thanks