Default password input to hide text

Form components
1

I’m using mobiscroll to show/hide the password when a user types it in but it seems to be defaulting to “show”. I would like it to default to “hide” so that the user would have to explicitly click the little eyeball icon to see what they typed. How do I accomplish this?

Here’s my HTML

<input mbsc-input name="password" id="password" type="text" placeholder="Password" data-password-toggle="true" data-icon="none" data-icon-align="right" />

2

Hi Vincent,

Setting the input type to password will hide the input value by default:

<input mbsc-input name="password" id="password" type="password" placeholder="Password" data-password-toggle="true" data-icon="none" data-icon-align="right" />

3

Well, now I feel foolish. I guess it’s because the sample code in the documentation utilizes type=‘text’ that I thought you had some other magic going on to hide the password. :confused: