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 [input-fields]

Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.

0
votes
2answers
241 views

Material Design - label to the left of underline input field?

We use the Material Design underline text fields with floating labels in our application (see right on the picture). This works well on mobile, but for long forms on a desktop a label to the left of ...
1
vote
3answers
178 views

Is it ok to allow Steppers or incremental buttons to remove items?

I read sometime ago that it is bad UX if the system allows the user to remove an item (for example, form their cart) if he uses numeric steppers down to 0. Should the system allow this or stop at 1 as ...
3
votes
2answers
360 views

How to define the number of people assigned to an activity in a friendly way (with regular updates)?

I work on a gaming web app. The user (player) has to assign people to different kind of activities on multiple views. Each view has 1 to 5 activities and a max amount of people. The user can assign 0 ...
6
votes
2answers
968 views

Is this cancel button needed?

In this UI it is possible to type in text in an input box, press Enter and the text would get converted into a tag visually (and in JSON). After the tag is typed, the cursor would be ready for the ...
-1
votes
0answers
31 views

Best way to present multiple signup options? [duplicate]

I am building a web application where users sign-up using their real name, phone number or email address, and a password. I'm building the form and right now, after a user enters their name , they ...
0
votes
1answer
81 views

Material Design outlined textfields filled with auto fill chrome style

We're using outlined textfields from Material Design. On some occasions, chrome(or any other browser I guess) can auto fill the data because the users has saved them. Chrome gives a hint to the user ...
3
votes
2answers
2k views

An alternative to Indeterminate checkboxes?

How best to display incomplete or indeterminate state? Microsoft UI pattern has an display icon for this - a dark box within the checkbox instead of a check. http://msdn.microsoft.com/en-us/library/...
0
votes
3answers
71 views

Best practice for validating text input on mobile

I'm designing a mobile application where user can order groceries from different suppliers, each order could have a notes to the supplier. Due to different downstream systems used by different ...
1
vote
1answer
66 views

Need explanation how Clear input button accessibility works

I've a text input with a clear button (looks like "x"). When clicked, this button will remove all the text from the input: The markup for this looks like: <label for="first-name">First name&...
2
votes
1answer
85 views

How to use input fields that automatically get a value while filling in the form?

Imagine we have an inventory management system. It contains a form where the user can fill in a placed order. The order has some properties like: Date Supplier User who ordered it Total price VAT (...
1
vote
2answers
80 views

Search for names and last names - dynamic search

We are developing an application where user can search for the info about their first and last name. We have two search fields, one for first name and one for last name. The reasoning is this: 1) ...
5
votes
3answers
173 views

What's the most appropriate default year for a datepicker?

Let's say I have a datepicker and the purpose of this datepicker is very dynamic. It can be for date of a person's birth or graduation date, etc. What would be the most optimal default year for the ...
0
votes
3answers
107 views

Best practice how many fields in one screen for mobile and desktop browser

my website is using bootstrap so its a responsive not the adaptive one. I want to make a form that has many fields->i already breakdown as a section and cut down unnecessary fields, for example one ...
21
votes
6answers
6k views

What is the most common color to indicate the input-field is disabled?

as I have been going through different references on input-field designs, I realized that people tend to flip-flop with grey or white background to indicate whether the input-field is enabled or ...
1
vote
1answer
52 views

City selector with free text

I'm creating a web component used to select the name of a Belgian city. Basically, it's a simple input and when some text is entered in it, it display the list. However, it must be possible to type ...
7
votes
5answers
1k views

Placement of More Information/Help Icon button for Radio Buttons

Throughout our system we are going to be standardizing when and how more information/help is used on specific input fields. In general the standard will be to have the icon/button follow the field ...
1
vote
2answers
83 views

Recommended pattern for Select / Ignore / Exclude functionality

We have a page of filtered results, and in the sidebar the user can choose which values to filter by. We usually use check boxes, so a user can tick an item to select to filter by a value or it or ...
0
votes
1answer
63 views

How to place two controls in a good way

I have no advanced UX experience and need some help in placing one input and one button on a whole screen. Is there any way to do it pretty? There will not be any other controls on that screen.
1
vote
2answers
102 views

How to convey the user that some of the form fields cannot be changed later?

I have a form wizard some input fields. On the first step of the wizard, there are 2 checkboxes which once the form has been submitted, cannot be edited. All other fields can be edited later on if the ...
1
vote
1answer
44 views

Should input fields be used as ready only information?

I have a license that will be transferred from user "James" to someone in my database (this is enterprise application): When I click on the name (it means assigned to) it opens a popup so it goes ...
0
votes
1answer
92 views

Prevent users from entering honorifics (Mr. / Mrs. / Ms.) in the First Name field

We have a high-throughput User Info intake form that get thousands of submissions everyday. The form, among other fields, has fields for First Name and Last Name. The form text is translated to the ...
1
vote
3answers
94 views

Better user experience when asked to input frequency of periodic event

So I am working on a form and one of the inputs have proved in user-testing to be somewhat problematic: We want to save the frequency of a periodic event, the event is how often a report is to be ...
3
votes
7answers
3k views

Is it a “Natural language” form a good practice?

A good UX for a form is one that makes it easy and fast to use. An experimental form like this, that uses natural language instead of the usual form display seems to be simple to use and creative, ...
0
votes
2answers
127 views

Text input field with multiple options

I have a medical app showing 3 input fields for drug dosage calculation. The middle field has 2 options, either to input the number of drug's ampules (as shown in the image), or to input thenumber of ...
2
votes
2answers
90 views

Automatically trimming user input onBlur or on Server side on end of input?

Looking for best practices on web. In a general sense, we have an input on our webpage. This input doesn't allow empty space at the end. Bad: Apples     Good: Apples So what I'm wondering is,...
1
vote
1answer
39 views

When one of two inputs must be updated to satisfy a consistency criteria, which should you update (if at all)?

Let's say we have three text boxes for positive numbers (say A,B, and C) that must satisfy the condition that their product is 1. For example, A=0.5, B=10, C=0.2, would be a valid input. Once the ...
1
vote
3answers
78 views

How should I format inline errors when there is input description

How should I do this? Should the error replace the input description, should it go under? Please give your opinions and reasoning. I would still like users to see the description, but I feel like ...
1
vote
1answer
66 views

Workflow/design pattern for allowing user to add multiple fields

Context: I have a page where a user can select from multiple input sources. Within the selected source(s), they can define multiple source links. Problem The way I have currently structured it is ...
6
votes
3answers
394 views

Address Autocomplete - Shouldn't city come before street?

Most address forms in e-commerce (or anywhere) look like this: The street always comes before the city/postal code. I guess that's simply because that's what we're used to. The accepted answert to ...
13
votes
4answers
9k views

Editable table in material design

we're designing a web application in material design and we have an editable table there - something like this: Any suggestion on how to indicate the editable fields, if not all columns are editable? ...
10
votes
5answers
2k views

Should I make space for error messages in forms?

I'm designing an mobile app for both iOS and Android, which includes a form. The form has several required input fields that the user needs to complete before continuing. If the user clicks Continue ...
1
vote
1answer
106 views

What is the best input control for setting the duration of time spanning minutes and hours?

I'm designing some interfaces for forms that will be used on a desktop webapp and I want to make it as easy as possible for users to input the data that is required of them. The input control that I'...
11
votes
2answers
362 views

Form with input boxes packed together

I'm wondering if there is an official name for this style of the form: Example uses: https://www.tumblr.com/login OR https://www.tumblr.com/register where the input boxes are packed together with a ...
2
votes
2answers
569 views

Input fields - Is <input type phone> more user friendly for credit cards than <input type number>?

Basically this question, but with more usability focus: https://stackoverflow.com/questions/48534229/what-is-the-correct-input-type-for-credit-card-numbers So we have these two general keyboard ...
1
vote
1answer
83 views

Orientation of checkboxes and their labels in a form

I have a form that has a combination of text fields, checkboxes, drop downs etc. Generally, UX fundamentals dictate we do this. This works well when text/drop down fields outnumber checkboxes But, ...
0
votes
1answer
38 views

Is all user input in a website app considered a form?

We have a complex web app with graphs and panes. Some of the information is entered in popups, while other information is in fields that can appear in cards, tables, and separate fields. Some of the ...
0
votes
2answers
58 views

Personal information or generated information

Dear community, I am creating a appointment process for a rental process. Currently I am evaluating whether to show the user their First- + Lastname + E-Mail in step (3) that they have entered in ...
1
vote
1answer
135 views

Is there a pattern name for allowing users to add fields?

When a user is allowed to add/remove additional fields (or field groups) within a form, what is this interface paradigm called? EDIT: in the example screenshots, each "row" of field(s) can be added/...
8
votes
4answers
6k views

Order of address, city, country in form

Is there any specific usability reason why the standard order of form elements for entering an address is this order: address address 2 city country Wouldn't it make more sense to go the reverse ...
2
votes
3answers
943 views

Should I label every row in a table of inputs?

I find myself with some frequency creating a grid of inputs using a table where each cell consists of just an input field and the column headers define what the field is for. PHPStorm complains with ...
1
vote
2answers
362 views

Best practices for validating emails in a text area

I want to allow my users to add email recipients in a text area by just writing their addresses manually or copy & paste them from somewhere - email addresses are separated via a comma or new line....
2
votes
1answer
110 views

Better approach to fill in the details in a form?

There are two UX patterns that I have noticed in many applications when it comes to filling in details. Creating a new entity or editing an existing one through the sliding panel Opening a new page ...
0
votes
3answers
310 views

Why do so many websites ask for both a Zip code and City name?

I was under the assumption that a Zip Code is a subset of a city. IE: that a city may have multiple zip codes, but a zip code cannot belong to multiple cities. Why do so many websites ask for a zip ...
9
votes
3answers
1k views

What is the rationale for the design of search input fields?

Having read through a whole bunch of literature on search behaviour and looking at different design patterns, I am interested in the large variation of search input field on the web. Specifically, I ...
1
vote
1answer
38 views

Solving treeview long information form user experience [closed]

Hello everyone, I am facing this issue while working on a long form consisting of large number of metadata fields within headers. Would appreciate any suggestions. Thanks !
0
votes
2answers
142 views

How to apply add/save from modal window

I've got a web application where I want to be able to add qualifications to a user. When I open the Edit Employee form there is an Add button and a Delete button. When clicking on the Add button, a ...
8
votes
4answers
3k views

Canadian Postal Code Input field

The Canadian postal codes is formed from 3 letters and 3 numbers, interposed. Example: M1K 3H7 The Canadian postal code is quite tricky for a user to enter into an input form field, especially on ...
5
votes
2answers
650 views

When is it appropriate to use disabled inputs?

It seems best to avoid disabled controls entirely, though I realize there are sometimes technical reasons where people are forced to style some disabled controls instead of removing the fields or ...
31
votes
8answers
8k views

Is there a recommended size for search boxes?

Do users change their search patterns if the search is shorter? Do users search less if the search box is too large? The only article I'd found is a 2009 Smashing Magazine article: The [Nielsen] ...
2
votes
4answers
150 views

Does retyping an email to confirm really mitigate errors?

I've seen a lot of sites ask for email confirmation on the page, mostly by retyping the same email. Does this reduce error rates or just infuriate users and what are the best ways to reduce errors ...