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.

2
votes
2answers
60 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
55 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
50 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
1answer
62 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
308 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
69 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
1answer
37 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
498 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
59 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
37 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
55 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
101 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
2answers
187 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
232 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
127 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
36 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
343 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
130 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
62 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 ...
-1
votes
2answers
95 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
115 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
269 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
115 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
263 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
102 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
77 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
86 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 ...
2
votes
1answer
47 views

How best to visualize an either/or choice between different types of actions

So I have a modal window with some tabs. On one of the tabs there is a single input field for an identification number. Now we are adding some new functionality which will let the user snap a photo of ...
1
vote
3answers
66 views

How do I get a chart input from a user?

I would like to get a chart input from a user: download bmml source – Wireframes created with Balsamiq Mockups One way could be to let the user manually enter (X, Y) values like here but that ...
0
votes
0answers
33 views

Forms: distinct fields and masks (dates, phone #s) don't support copy/pasting

This is Business Banking Application form - very long, several pages. It's an agent filling out the form for a client, so they are trained and fast. It is not their personal data, it's the client's; ...
0
votes
1answer
60 views

Inform user to press escape key

We have a rich text editor that has become fairly complicated due to client requirements. Because of this I have created the functionality of pressing the ESC key to exit the current element. ...
2
votes
2answers
104 views

Should I require starting name with a capital letter in form

I'm part of a team developing small web app. I'm responsible for frontend part of it. We've got form with inputs for user name and last name. Backend guy made a regex that requires name to be at least ...
3
votes
6answers
421 views

Readability of form input fields and confirmation

I have a form that the user inputs some data to send to a server but I'm wondering how does a user normally read a form for input purposes? Should it be Input, Button, Confirmation then close: Or ...
0
votes
1answer
41 views

Ask metadata for each file added to a folder (possibly many files added at the same time)

I have a file sync Windows desktop application that looks very much like Dropbox: Tray icon is the only GUI. Users mostly uses the Windows file explorer, but also programs such as MS Word that open ...
0
votes
3answers
98 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
2answers
4k views

Two forms to choose from, choose only one

I've got one screen with two API options available (web tool). Both forms include a title and two input fields. The user can only choose one API at the time. Now, I've tried checkboxes, a dropdown ...
2
votes
2answers
68 views

How to toggle truncating of long radio button labels?

In my application, I have a series of radio buttons. The associated labels can contain a number of fields and become quite long, so I'd like for the labels to be expaneded and collapsed. I've ...
0
votes
2answers
231 views

Struggle of the day: First/Last Name or Full Name

The software I'm working on is currently presenting some discrepancies in terms of wording and fields. At some places, we are asking for the First and Last Name in two separate fields and on some ...
0
votes
1answer
72 views

Best way to show password in case of Unshowing password field? [closed]

I'm developing a Desktop JavaFX application using ControlFX. I have a problem that CustomPasswordField can not show password text instead of points (PasswordField limitation ), it needs some custom ...
0
votes
1answer
54 views

Best practice: same button multiple functions depending on input

I have an input field where the user should enter a URL. If the url points to a sitemap (ie sitemap.xml) all the urls contained in the sitemap should be downloaded whereas in the case of a url not ...
1
vote
1answer
67 views

How to design a form where inputs can be computed from other inputs? [duplicate]

What are the best practices when designing a form in which some inputs can be used to calculate other inputs? I am designing a form with about a dozen text inputs. The first three of these inputs are ...
1
vote
3answers
140 views

Edit a record added on the page

I have a page where optionally the user can add items that will appear on the table that will then be submitted to the server. The user may remove items added to the table, or they can choose to edit ...
2
votes
1answer
116 views

Form with C union-like structure

I need to create a form which resembles union. Basically I want to create a form, part of which depends on one particular field. For each value of that field there are other fields that become needed ...
0
votes
1answer
50 views

What is the quickest input format to select what animals a user sees

I hope someone can suggest an efficient input format for a user to input what animals he/she saw and how many of each. It is for an iOS/Android app. The idea is that the user can add by pushing the ...
1
vote
2answers
80 views

When a radio-button is not yet chosen

I have three radio-buttons for "kind of project": personal / unregistered nonprofit / registered nonprofit I also have text input "Organization name" below the radio buttons. "Organization name" ...
1
vote
1answer
53 views

Use native keypad or custom one in web application

I'm tasked to implement a code entry view which allows you to enter a 6-digit code. The UI runs in the browser (JS/HTML/CSS), mobile touch devices only. I'm stuck on how to implement this, basically ...
3
votes
3answers
64 views

single input or seperate inputs for a solution containing units

We are trying to create a web application to teach units to students of 4-6'th grade, the question would be like what is average velocity of the car that moved 60km in 3 hrs? The answer would be ...
-1
votes
0answers
40 views

Form without fixed number of input fields [duplicate]

I'm working on a form that allows a user to invite new users to my service. So basically a user should input email addresses and my website will send invitation emails. Now when user visits that form ...