Upvote 1

Input Box Placeholder

Answered Victor Conesa 11 years ago

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


Thanks!

Replies (13)
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
Leave a Comment
 
Attach a file
You can't vote. Please authorize!
You can't vote. Please authorize!
You can't vote. Please authorize!
You can't vote. Please authorize!
You can't vote. Please authorize!
You can't vote. Please authorize!
You can't vote. Please authorize!