# Okta widget input placeholders

**URL:** <https://devforum.okta.com/t/okta-widget-input-placeholders/6013>\
**Category:** Questions\
**Created:** [August 19, 2019, 6:45pm UTC](https://devforum.okta.com/t/okta-widget-input-placeholders/6013 "2019-08-19T18:45:05Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![martawat](https://avatars.discourse-cdn.com/v4/letter/m/f05b48/32.png) [@martawat](https://devforum.okta.com/u/martawat)\
**Post date:** [August 19, 2019, 6:45pm UTC](https://devforum.okta.com/t/okta-widget-input-placeholders/6013/1 "2019-08-19T18:45:05Z")

</div>

I have added the okta sign in widget to my angular 8 application.

I would like the form input fields to show placeholders instead of labels, but I can’t seem to figure out how.

I am using @okta/okta-angular version 1.2.1, and @okta/okta-signin-widget version 3.1.6.

![nestafin-login-screen](https://global.discourse-cdn.com/oktadev/original/2X/1/145cd4efdea38a0bf4f3c293f095f4b265e34d78.png)

Is there a specific version / extra settings I should be using?

---

<div class="post-metadata">

**Author:** ![vijet](https://sea1.discourse-cdn.com/oktadev/user_avatar/devforum.okta.com/vijet/32/245_2.png) [@vijet](https://devforum.okta.com/u/vijet)\
**Post date:** [August 19, 2019, 10:37pm UTC](https://devforum.okta.com/t/okta-widget-input-placeholders/6013/2 "2019-08-19T22:37:12Z")

</div>

Hi @martawat,

As of version 3.0, the Sign-In Widget has been updated to use labels for form fields instead of placeholder text.  
You can look at the release notes here - [https://help.okta.com/en/prod/Content/Topics/ReleaseNotes/production.htm](https://help.okta.com/en/prod/Content/Topics/ReleaseNotes/production.htm)

This is to improve the accessibility features of the widget. Though not recommended, if you need place holder text, you can use a pre-3.0 version of the widget.  
If you can explain, why you need the placeholder text in input fields instead of using labels, we can suggest a solution.

---

<div class="post-metadata">

**Author:** ![martawat](https://avatars.discourse-cdn.com/v4/letter/m/f05b48/32.png) [@martawat](https://devforum.okta.com/u/martawat)\
**Post date:** [August 20, 2019, 1:51pm UTC](https://devforum.okta.com/t/okta-widget-input-placeholders/6013/3 "2019-08-20T13:51:31Z")

</div>

Dear @vijet, that is fine, I was trying to follow the designs for the app we are developing, but I do understand that if it is a usability improvement, I’ll stick with the more usable version!

Thanks,  
Marta

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/oktadev/original/1X/589c4c5f80de422d01f47cee7185a7fb8227835c.png) [@system](https://devforum.okta.com/u/system)\
**Post date:** [April 25, 2022, 6:06pm UTC](https://devforum.okta.com/t/okta-widget-input-placeholders/6013/4 "2022-04-25T18:06:50Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.