[Pro] Value IN Form Field Disappears When Text Entered

Not as big deal, but I have a form where I’ve put text in for the user to know what goes there. Then, they just type over it.

How do I make it so once they click in the field, the sample text disappears and they just type.

Thanks.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s called a Placeholder, and you can make one in Freeway 6, or use Freeway 5 and my HTML5 Element Action to convert the page to HTML5 and add the attribute. Note that only modern* browsers will see this – so think of it as the icing, not the cake. It’s always best if you have a label of some sort near the field.

Walter

*This means IE 9 and above, or almost any version of Firefox, Chrome, Opera, or Safari.

On Feb 26, 2013, at 2:05 PM, Robert B wrote:

Not as big deal, but I have a form where I’ve put text in for the user to know what goes there. Then, they just type over it.

How do I make it so once they click in the field, the sample text disappears and they just type.

Thanks.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK. I’ll leave it the way it is, where they just type over it.

Not sure what browsers these folks might be using.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ll leave it the way it is, where they just type over it.

That means that the form can be submitted with whatever default text you have in there - you don’t want that.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Well, it says first name on one and last name in the other. I would hope people know to type their name in it, no?

I guess I could leave them blank.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Use the Placeholder attribute and then at least folk with a modern browser will get the benefit.

The point is that you shouldn’t rely on only Placeholder text to tell your visitors what should go in which field. Use Text labels.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

How would I do text labels, Dave?

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

All I mean is that you have text next to the field entry (to indicate what is required) such as at http://www.deltadesign.co/formtest.html

You probably have it anyway.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Actually, we didn’t in this one instance.

The form is “I, (first name( (last name) hereby, blah blah…” so we didn’t think it was necessary.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You have to remember that forms are not a level playing field if you are blind or visually impaired.

Text can be read by screenreaders - but if there is none!

You may not think that your form would ever be attempted by someone in that situation - but you cannot afford to exclude them.

Besides it makes sense to spell things out and not rely on a feature that you may see but others definitely won’t.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK. I’ll put in text instructions.

Bob


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options