Questions tagged [input-fields]
Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.
509
questions
0
votes
2answers
32 views
How to display text with label in Material UI?
In a single page I would like to display Text Fields for user input and texts, which are static, but have labels. I tried to use the same text fields but with disabled attributes:
However, I am not ...
0
votes
3answers
39 views
What is the best location on a form for an information icon?
I am trying to create a form for my web app, which requires information elements to be added. In general I would refer to the documentation of the framework that I would be using (which in my case ...
5
votes
3answers
263 views
When should the error state on an input field disappear?
I've seen two types of behaviour circulating; one where the error state disappears as soon as you start typing a new input (so when the input field is in focus), and one where it stays until the input ...
1
vote
3answers
189 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 ...
6
votes
2answers
997 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 ...
0
votes
3answers
77 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
69 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
86 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 (...
5
votes
3answers
177 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
1answer
88 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 ...
1
vote
1answer
56 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 ...
1
vote
2answers
85 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) ...
8
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 ...
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
2answers
87 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
64 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
104 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
46 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
113 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
99 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 ...
0
votes
2answers
139 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
95 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
3answers
81 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 ...
0
votes
2answers
263 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 ...
6
votes
3answers
418 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 ...
1
vote
1answer
118 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'...
1
vote
2answers
67 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 ...
2
votes
2answers
593 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
96 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 ...
2
votes
1answer
111 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 ...
1
vote
2answers
404 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....
0
votes
3answers
340 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 ...
1
vote
1answer
138 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/...
1
vote
1answer
40 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 !
5
votes
2answers
729 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 ...
2
votes
4answers
157 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 ...
1
vote
1answer
90 views
Noun(adjective) or adjective noun with multiple nearly same labels
When desinging labels with items that are nearly the same and only differ in a detail, what's the best approach to name the labels (desktop, not mobile)?
vs
vs
To take a more abstract approach:
...
2
votes
1answer
75 views
How can I force a space into the six digit Canadian Postal Code?
Our back-end system only accepts Canadian postal codes as "XXX XXX." Is there an easy way for me to customize the form field to force in that middle space so that the data is collected and exported in ...
0
votes
2answers
150 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 ...
3
votes
4answers
120 views
Select every Nth element or N element input
There is list of things, for example books. User selects which books should be highlighted. We do not know how many books there are, so user uses index, for example:
The second book should be ...
2
votes
2answers
85 views
Converting from 2 year capture to 4 years without a 100 year?
Any tips on how to capture a full year age when converting from two years to a four year digit? Without asking for manual input?
The problem I think lands specifically for a 100 year age.
E.g. if ...
5
votes
3answers
776 views
<input type=“number”> or <input type=“text”> for entering an ID?
My website has a form with an input box to enter a long, random, numeric ID. Should it be a text input or a number input?
The problem with <input type="number"> is that it has useless up/down ...
5
votes
1answer
163 views
Should I clear form data after a new form is selected?
In my web app we have an area where you can choose the type of "query" you want (left block) and then you see the selected form with the fields in the right
As you can see, 'Risk' field may appear a ...
4
votes
2answers
469 views
Web form field - Select box with free text
I've been tasked with building a component to allow the selection of some sane defaults or optionally allow the user to enter free text.
Semantic UI offers an Allow Additions option which enables the ...
1
vote
1answer
109 views
Which colour to choose for 'updated' field?
I'm designing a user interface, which will contain fields that the user can edit.
Each field can have 4 states:
Unchanged (field has the same value).
Added (field has a value, where it didn't before)...
1
vote
1answer
83 views
Should a field display it's value in its tooltip?
Should a field display it's value in the title attribute (tooltip)?
For example, lets say we have a text input field and a select menu, both have a value that is fairly long, but the field width is ...
2
votes
1answer
98 views
What are the best UX practices to show that an autocomplete data for an input field in a form is loading?
I'm a developer working on a form, which fills an autocomplete input field with available choices.
What would be the a good UX take to show that those suggestions are loading?
I'm thinking on ...
