Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [placeholder]

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

2
votes
2answers
125 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 ...
2
votes
2answers
1k views
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...
0
votes
3answers
122 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
43 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, ...
7
votes
5answers
4k 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) ...
1
vote
1answer
476 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
3k 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 ...
9
votes
3answers
5k 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 ...
0
votes
1answer
972 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), ...
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 ...
1
vote
2answers
121 views

Is it necessary to have headers?

Can we go even without headers by including simple placeholders inside the input box? any other suggestions?
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 ...
27
votes
5answers
16k 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....
24
votes
6answers
10k 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 ...
2
votes
1answer
462 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?...
2
votes
4answers
399 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
2answers
600 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 ...
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 ...
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, ...
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 ...
5
votes
3answers
410 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 ...
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'...
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 ...
3
votes
1answer
213 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 ...
0
votes
4answers
526 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. ...
2
votes
1answer
217 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 ...
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 ...
6
votes
6answers
495 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 ...
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 ...
4
votes
2answers
349 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 ...
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 ...
1
vote
2answers
269 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 ...
5
votes
3answers
2k 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. ...
7
votes
1answer
632 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 ...
3
votes
1answer
5k 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 ...
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"/> ...
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 ...
96
votes
12answers
31k 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 ...