Question

46

Simple way to check if placeholder is supported?

rated 0 times [ 49] [ 3] / answers: 1 / hits: 24102 / 13 Years ago, fri, november 25, 2011, 12:00:00

I want to use the HTML5 placeholder attribute in my code if the user's browser supports it otherwise just print the field name on top of the form. But I only want to check whether placeholder is supported and not what version/name of browser the user is using.

So Ideally i would want to do something like

    <body>



     <script>



           if (placeholderIsNotSupported) {

             <b>Username</b>;

           } 

      </script>

    <input type = text placeholder =Username>

</body>

Except Im not sure of the javascript bit. Help is appreciated!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

sandra

Add To Favorites

Follow

Total Points: 708

Total Questions: 100

Total Answers: 84

Location: Bosnia and Herzegovina

Member since Thu, Jun 24, 2021

3 Years ago

sandra questions

1 NestJS/TypeORM: Cannot read property 'createQueryBuilder' of undefined

Mon, Nov 16, 20, 00:00, 4 Years ago

1 How to pass an array in query parameter reactjs

Tue, Jun 30, 20, 00:00, 4 Years ago

1 Firebase popup signin popup-closed-by-user error

Sun, May 31, 20, 00:00, 4 Years ago

1 How to test a component with the < Router> tag inside of it?

Wed, May 20, 20, 00:00, 4 Years ago

1 How do I send an array with fetch? (Javascript)

Fri, May 31, 19, 00:00, 5 Years ago

View All

answered 13 Years ago clarissakourtneyb · Accepted Answer

function placeholderIsSupported() {

    var test = document.createElement('input');

    return ('placeholder' in test);

}

I used a jQuery-ized version as a starting point. (Just giving credit where it's due.)