We’re rewarding the question askers & reputations are being recalculated! Read more.

Questions tagged [placeholder]

Something used temporarily as a substitute for something that is not (yet) known or must remain generic.

Filter by
Sorted by
Tagged with
96
votes
12answers
32k views

Removing placeholder text on focus

Chrome, Safari, and Firefox 15+ remove the placeholder text after the users first key press in the text input field. Opera, IE, and Firefox 14 and below remove placeholder text immediately after ...
28
votes
5answers
18k views

What is the best practice for password field placeholders?

It seems like the accepted best practice for email fields is to have a label and an example email address. Assuming you want a consistent style, the label will make it clear that it's a password field....
25
votes
6answers
11k views

Placeholders with the same text as the label - good practice?

I have a form such as the following, in which the placeholders have the same exact text as their corresponding labels: The alternative being leaving each input without any placeholder. I'm not ...
18
votes
8answers
3k views

Should I never ever use only placeholders in forms?

I have a form that the users will use a lot of times becouse is the main funcionality of my webapp. It has select boxes with large options, so they are quite wide. Looks something like this: May be ...
15
votes
1answer
4k views

What is the name of this practice when a page loads?

It seems that some basic elements take their position quite quickly: and then others follow to form the final page: update (Apr 2018) I've noticed that youtube is also doing this...
12
votes
3answers
3k views

Placeholder text vs. disabled text

I currently develop some forms in a desktop application. There is the idea to use placeholder texts in some input fields (edits) as known from HTML forms or touch systems like smartphones. But ...
11
votes
4answers
3k views

Does the content of the HTML5 placeholder attribute affect usability?

When using the placeholder attribute in HTML5 has there been any research into how the content of the placeholder affects the usability of the form? I'm thinking specifically about using the ...
9
votes
3answers
6k views

Credit card field placeholder text

There has been a lot of discussion around Stripe 'Elements' default credit card field placeholder text. Their default is '4242 4242 4242 4242' as shown below: There are a few vocal users ...
8
votes
5answers
3k views

Are Placeholders good for default values?

I read (and believe) this article that data entry tips in HTML placeholders are generally harmful and should be avoided. In-context descriptions or hints can help clarify what goes inside each ...
7
votes
11answers
5k views

Should help-text be above or below the input?

There are many frameworks that support some variant of "help text", that is text which supplements the heading, label and placeholder. It's often used to give a brief description of the purpose of the ...
7
votes
4answers
2k views

Placeholders for missing images

If a data source doesn't contain images for certain items, what is the best way to indicate that the image used is a placeholder image? The type of placeholder image would probably alter dependant on ...
7
votes
1answer
2k views

Placeholder : field label or sample data?

I am designing a generic form. Every input has a label positioned right above it. My question is about using input fields placeholder : Should they be a reminder of the label (Ex : Label : Username ...
7
votes
5answers
5k views

Dropdown: placeholder vs. blank

Which is better for "non selected" state? A) Placeholder On usability tests, with this options people are omitting this field. They seem to think that it's not required or it's already chosen. B) ...
7
votes
1answer
649 views

Best practices for content placeholders?

I'm currently designing a Profile page that requires users to add a variety of items using forms (different forms for each section). When they first create their account, the Profile will be ...
6
votes
6answers
514 views

Default images in search result

Should search results with missing images use a placeholder, or fallback to textual data available on boxed/grid view mode? I feel that using image instead of data when available makes result look ...
6
votes
3answers
3k views

Are there any standards on when to use placeholder text vs. tooltips?

To assist an user entering some data in an <input> field, we're planning to provide tooltips and placeholder. Wanted to understand the guidelines and standards on 'when' to use placeholder vs. ...
5
votes
2answers
347 views

Displaying placeholder / skeleton screen for a (large) graph

I'm creating a dashboard that retrieves a significant amount of data from an API before displaying some charts and metrics. I have read that skeleton screens are perceived as being shorter in ...
5
votes
3answers
413 views

Display placeholders or hide meta data?

I'm currently working on a stock exchange site and I'm having a dilemma. Some financial instruments (Funds) have other properties than normal shares. However, there are some troubles with the data ...
4
votes
2answers
354 views

When dragging large elements - will an equally large placeholder hinder Usability?

I am designing a Web Sortable (via D&D) Interface. When you drag an element I would like to have the placeholder indicate where the element will be dropped. The problem is, if I want to move a ...
4
votes
3answers
2k views

Examples/Opinions on using (Facebook-style) placeholder/dummy content during wait/spinner processes?

I've read some articles recently touting Facebook's use of dummy content and text and image placeholders during load processes, stating that using a spinner wheel w/messaging alone can increase bounce ...
4
votes
2answers
4k views

Search input placeholder text

The client is real estate agency which offers offices for companies. I have got search input on the homepage. What kind of text will you put as a placeholder? When you type the complete search answer, ...
3
votes
1answer
214 views

Placeholder Miscommunication Prevention

I've been doing some research into text input placeholders, and came across this: Pardot User Guide: Placeholders are not Substitutes for Labels. What struck my interest was: Data suggests that ...
3
votes
1answer
6k views

Placeholders for format in address form

I am creating an address form and want to add placeholders to the fields to display the format of what the user needs to enter. For email addresses, phone numbers and credit card details this is ...
2
votes
2answers
627 views

Contact form placeholder [duplicate]

Is there any convention what to use as placeholder for contact forms? I came up with two possible options. One is using a fake name as placeholder, with a label on the side of the input. The other ...
2
votes
1answer
225 views

Do email placeholders affect anything, and which kind should I use?

I'm going to have a small box on my website where visitors can input their email address to subscribe to my website newsletter. It looks like this, and will have a light text placeholder in the box ...
2
votes
2answers
2k views

What is the material design guideline for placeholder images while loading from the network?

I couldn't find any guideline for this in the spec.
2
votes
4answers
423 views

preloading strategies for searching large amounts of data

So I have encountered a similar situation described as the one below. Lets day a sales person from Ford is shipping a new car to one of the thousands of rental car places they do buisiness in the ...
2
votes
1answer
496 views

What is the best way to label placeholder call-to-actions?

I'm creating a search input where the user can search for: restaurants, dishes, and cuisines. I was wondering when it comes to placeholder text what is the most proper way to label this call-to-action?...
1
vote
2answers
125 views

Is it necessary to have headers?

Can we go even without headers by including simple placeholders inside the input box? any other suggestions?
1
vote
1answer
613 views

Placeholder for unknown number of digits

I would like to add placeholder on a HTML input type which could hold number between 1 and n (unknown large number of digits, for practical reasons it will be limited to some number, let say 10). This ...
1
vote
1answer
4k views

Placeholder while loading

I'll appreciate your opinion: Is a visual "placeholder" for an image or ad or text-box give users a better user experience? I've noticed, for example, that while Facebook feed is loaded, there is a ...
1
vote
1answer
88 views

Is it ok to have both a placholder and a title on an input tag? [duplicate]

Is is a common practice to do that ? Or should I put informations linked to this input next to it ? For example: <input type="text" title="You first, not your last name !" placeholder="Name"/> ...
1
vote
2answers
279 views

Should I use placeholders in just some of the form fields?

Suppose we've got a form with a number of input supported with labels and placeholder. Label helps to identify the whole input idea (whether it's for First name or Salary). The purpose of placeholder ...
0
votes
3answers
146 views

Empty price placeholder design

I have a checkout form for a payment request, in which the user fills in the payment amount. This amount is used as input for the checkout as a sub-total, of which a percentage is deducted. What is ...
0
votes
2answers
103 views

Placeholders in Form Fields are Harmful

I usually take NNGroup information as sacred but I watched this video where they say that an input should not contain a placeholder on the inside box and while the explanation itself is correct they ...
0
votes
2answers
28 views

Best practice in Global Dropdown Placeholder

Is there any best practice being applied in a global dropdown placeholder, let's say the label is: "Select Fee Option" I see common placeholders that says: 1. "Select..." 2. "Select any" 3. "--...
0
votes
2answers
2k views

Placeholders as labels in mobile, when to use, when to not

I've read everywhere that using placeholders as labels is a bad choice seeing as, when the user starts typing/selecting, they may forget what they're doing or what the field was originally for. But I'...
0
votes
4answers
540 views

How to indicate primary vs secondary placeholder text in madlibs style form?

I've got a somewhat irregular case: I need a user to fill in two values in a placeholder text. On the screen, there are a total of 4 placeholder texts. two of them are required, two of them are not. ...
0
votes
2answers
44 views

Archetype photo's vs. placeholder

For context: Users can search for products and find listings of products with photo & product details. But there are also a lot of products with no product details & photo of the product, ...
0
votes
1answer
1k views

Placeholder text example

I am looking for some feedback on placeholder text. We have several inputs that are currently blank (we're creating a form builder application). There are a few fields, specifically: No. (number), ...
0
votes
3answers
1k views

what is the best way to show a text field with label outside in android kitkat platform?

The page i am working on contains several of text fields and dropdowns, i believe that keeping the labels visible all the time is necessary I wish to keep the labels outside and not use it as a place ...