Input Box Placeholder

Justin shared this question 6 years ago
Answered

Is there anyway to mimic the HTML5/iOS-type behavior for for input boxes (ie, placeholder text clears once typing starts)?


Thanks!

Comments (16)

photo
1

Yes, select the input and define an event like this: on focus in -> set value -> leave the value empty.

photo
1

Hey Victor,


What I'm looking to do is slightly different:


We want to set focus to the input on page load, but leave the placeholder text until they start typing.


Similar to the first name / last name inputs here: http://www.w3schools.com/tags/tryit.a...

photo
1

Then do the same event but set an 'on key pressed' event instead of an 'on focus in'

photo
1

I need to create this same functionality, but Victor's method here doesn't seem to work... not in the latest version of the software anyhow. Still hoping for a solution. Justin's W3 link/example there shows EXACTLY how I need the interaction to work. Using Victor's suggestion created some pretty whacky results--not at all desirable.

photo
1

Hi,


Try adding a variable to know if it is the first time you have pressed a key (and therefore have to empty the cell) or if you have already pressed a key and don't have to empty the cell. This is how I did it: 5396373378eb70aac811261f47b66a1c


Best regards,


Marc

photo
1

Marc:


Thanks for the reply, but I'm struggling with how you created the logic I see there. As a new user, my knowledge is still a bit restricted to only the stock point-and-click options offered under the "Events" and "Add a condition" areas. Could you go a little more into detail about how you created the logic I'm seeing there?


BTW, prior to your reply, I did find a way to get the functionality I need, but it's very messy and convoluted. You solution here looks a lot more elegant, so I'd love to give it a try once I learn how to write the logic.

photo
2

it would be Really Nice if placeholders were added to Justinmind text input fields. They are standard now (a5f1e2f41f3fa0cc432019add8981a32

photo
1

Hi David,


You can simulate them with the instructions above. Does it not work for you or are you saying that a placeholder field would be nice?


Best,


Marc

photo
1

Really Nice :)

photo
2

Understatement. it's common these says so a IxD app should support it.

photo
2

Yes, we need placeholder!!

photo
1

Hi Ao Wu,


Thank you for your suggestion. We'll take into account for future updates.


Best,


Sonia Durán

photo
1

The ability to add placeholder text is a standard feature in Axure.

photo
1

Dear Irith,


I'm happy to inform you that this feature will be available on our next release.


Best,


Sonia Durán

photo
1

HI, are placeholders available right now? If so, how do I do them?

photo
1

Yes, just select the Input Text Field on the Canvas and look to the Properties palette. You'll then see a place to enter a placeholder.

613cc93e7c9a565b0442c10b783fb438

photo