Questions tagged [input-fields]

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

Filter by
Sorted by
Tagged with
0 votes
1 answer
38 views

How to name an option in settings that allows free input in a list (select)

In the settings of a web application, admins can select "custom fields" of different types: number, selector, multi-select, etc. We added an option that allow user (not admin) to type their ...
  • 113
1 vote
1 answer
78 views

What's the best input/edit method to handle small high precision numbers?

I have an AG Grid with cells that contain very small highly precise numbers - eg 0.002957399184 I want to allow users to edit these numbers easily and accurately - basically want to avoid fiddling ...
1 vote
1 answer
35 views

What is the best pattern for text field hints in a web form?

I always wonder what is the best practice for labels/hints of text fields on a web form. Here is my understanding: It is better to use a label than a hint when the form has more than 2 fields... but ...
1 vote
3 answers
78 views

Two data types in one login field

I have a couple of ways of logging into a specific service: either by ID number or email address. The designs so far have been built on the assumption these will be two separate fields, but how might ...
  • 111
10 votes
1 answer
1k views

Should selected options be removed from single- and multi-select dropdown lists?

In our application we're working with dropdown lists that may contain many options (sometimes around 200). Usually, these lists allow the user to select multiple entries whereas in other places of our ...
  • 103
22 votes
3 answers
7k views

Is password-unmasking worth the potential security downside?

I work on the iOS implementation of a mobile application where the (cross platform) design guide specifies an unmasking-control for password fields. I am primarily an iOS+Mac user, so this concept was ...
  • 323
3 votes
2 answers
434 views

Should 'Other' be a text field or a radio button plus text field

Hi! There's a discussion around whether 'Other' should be a radio button at the end of these options, where an input field then allows you to type in the company formation type. The first few radio ...
0 votes
2 answers
136 views

How do you define input length?

I'm working on an online banking website and its design system. UI designers tend to want all form input elements to be the same size so that everything is perfectly aligned. I've explained that the ...
0 votes
0 answers
34 views

How to match/reconcile Material recommendations for the TextField with the actual practices of ERP forms - narrower and without top label?

From the one side there are Material recommendations/implementations for the TextField https://material.io/components/text-fields#anatomy (and https://m3.material.io/components/text-fields/overview is ...
  • 101
0 votes
1 answer
251 views

How to write an accessible error message for a required radio button group form element?

I have a radio button group as follows: "Do you have any pets?" Radio options: "yes" or "no" If an option is not selected, and the user submits the form, then an error ...
0 votes
1 answer
337 views

Should clicking outside a textfield hide the software (IME) keyboard?

I am developing an Android (Jetpack Compose) app and have observed that when a textfield gains focus, a software (IME) keyboard opens, and remains open even after I click outside the field. This is ...
  • 101
0 votes
2 answers
39 views

Varying number of categories and subcategories based on options selected

Designing a form where the user needs to select 3-4 levels of categorization. for this, I'm looking at using 4 horizontal combo boxes (refer image below). Depending on what the user selects in box A, ...
  • 10.6k
1 vote
1 answer
114 views

How to improve UX on deeply nested form functionality in the browser?

I have this, which is horribly unstyled but shows the inputs and grouping (which is also described in terms of the HTML structure in more depth here). Basically, you have a form for a "...
  • 345
1 vote
3 answers
135 views

On/off functionality inside a dropdown?

I am working on a feature where the user can start a video recording of a YouTube live-stream. The feature is per default disabled. A required input for the recording to work is to select which stream ...
  • 430
1 vote
1 answer
105 views

Best practice for optional date

The user must be able to set a date, in which case a certain event will happen on that date. Or don't set anything and the event won't happen. A couple of ideas: I prefer 1 for compactness but I'm ...
0 votes
0 answers
41 views

Should there be any input restrictions on first/last name such as numbers?

I'm building a sign up form and I noticed that a lot of companies allow me to put in a number when I enter my first name, such as "alks82734" being a valid first or last name. How should I ...
1 vote
4 answers
175 views

Bad practice for dropdowns to cover buttons?

I have a text field that shows matches in a dropdown when the user starts typing. Below the field are buttons. When the dropdown is activated it covers the buttons. However the dropdown will go away ...
  • 13
2 votes
2 answers
289 views

UX for picking tags and then quantities related to them

I'm making an app in which students can select topics/tags they're interested in, and get a randomly-generated quiz containing questions that have those tags/belong to those topics. For each selected ...
0 votes
0 answers
84 views

Hyphens vs. parentheses in form field labels

Link Color Link Color - Hover Header Items - Left Header Items - Right vs. Link Color Link Color (Hover) Header Items (Left) Header Items (Right) vs. Link Color Link Hover Color Header Left Items ...
0 votes
2 answers
94 views

Enabling fields in general section (at top) based on details selection (at bottom)

Is it bad UX to display/enable or mark mandatory fields in the general section (at top) based on details selection which is placed at the bottom? If yes, what are the options we have in this situation?...
  • 53
0 votes
3 answers
145 views

Filtering: Input-fields or buttons?

I'm currently working on new tables for our web platform. I came to a point when I need to design some filtering options as part of the design. One of our developers told me to use a text field that ...
1 vote
1 answer
120 views

Design for input of time-series data

I'm designing an application page where the user can input multiple time series. As an example, this can mean updating the daily product forecast for a 5 stores over the next 14 days. This results in ...
  • 11
0 votes
0 answers
23 views

Adding new linked items in database

I am pretty new to creating UXes in general and I'm working on a database management tool. Among other things there are tables for Members and Institutions. Institutions have multiple members, members ...
1 vote
1 answer
54 views

Masked inputs - to clean or not to clean?

What are the arguments, from the UX perspective, to clean or not to clean masked inputs? Consider credit card validity: _ _ / _ _ Partially filling that field makes no sense, the partial value has no ...
2 votes
2 answers
85 views

What could be the best practice for a long list of options in a mobile based wizard with the possibility to select nothing?

I am trying to redesign a wizard step in a mobile application setup. The user should input the year and months of experience and there should be an option to select something like "I don't have ...
0 votes
1 answer
77 views

Multiselect in separate page

I have a big form with like 16 inputs, going from basic inputs, selects and multiselect. Now I want to reduce the cluttering for the user by moving the more advanced inputs such as multiselects to ...
0 votes
1 answer
140 views

Input field for huge number of strings

I am looking for references for a UI component that can allow selecting multiple values out of a huge set of optional values (even millions) each value is a string. The list of optional values will ...
-2 votes
1 answer
96 views

Can a form field have different radius from the button? [closed]

Can the email address field have a different radius from the button? We have pill-shaped buttons across the whole website. But I didn't want to make the email address field with the same shape seems ...
1 vote
1 answer
131 views

What should the entry point for a signature field look like?

I'm designing a form for a permission approval feature that will be used on tablets. this will require the user to sign their request. My question is, is there a way to indicate that the field at the ...
  • 10.6k
0 votes
0 answers
146 views

Why is Amazon using Text Fields instead of Radio Buttons for mutually exclusive options?

I have been trying to return an item on Amazon, and this window popped up asking me to fill in the bank details. Although they have used Radio Buttons in the first line for Yes/No question, Account ...
  • 3,599
2 votes
3 answers
279 views

What is the best approach to select multiple values from a list of values in ascending order?

I have a section in a webapp where the user can select from a series of values, which are displayed in ascending order (to perform an unspecified function). The user can select among any of these ...
  • 401
2 votes
1 answer
289 views

Inline edit: Should input fields be Editable by default, or force users to click Edit then Save?

I have a Settings page with various input fields, radio buttons, checkboxes etc. Currently, all the inputs are editable by default. There are three self-explanatory buttons at the top, RESET DISCARD ...
  • 401
2 votes
1 answer
206 views

How to show both old and new data when editing without using tables?

So I'm designing a page to compare some data without using table. My company wanted to reuse a page that I've designed before to this case as it almost have same flow but not the comparing data case. ...
  • 67
0 votes
1 answer
79 views

Is there a name for a text input that lets a user input multiple values?

There is a type of text input that allows the user to enter an array of items, sometimes with autocomplete, usually adding a new "item" to the list either whenever the user presses space and/...
  • 103
0 votes
1 answer
82 views

Multiple time and day input (web)

I am currently working on a web app that requires the HR of a company to input the reporting days and time of all the employees into the system. The system requires the following information: Work ...
23 votes
5 answers
4k views

Why would the search input field not get focus when the page is loaded?

Opening up google.com I see that the search input field gets focus automatically, i.e. the cursor is already blinking in the field and users can start typing right away. In contrast, amazon.com or ...
  • 8,686
1 vote
3 answers
2k views

Enable save button only when value different, or when input is dirty?

I see that a lot of frameworks for form validation have "is dirty" state check which tells if the user has ever modified input value. But I don't see options that compare the original and ...
11 votes
3 answers
2k views

Textbox with an unknown value

I have a textbox where the user can enter a number. In the past, an empty value would indicate that they didn't know the value. Now, the client wants to add an extra step where the user needs to ...
  • 433
2 votes
1 answer
140 views

Prevent users from entering higher values than expected

Biz case: Allow users to configure policies to ensure critical application traffic is not dropped when a link is at max capacity. Use case: Traffic from head office to branch 1 is at max capacity. ...
  • 33
2 votes
1 answer
280 views

Should I display empty fields in read only display?

I have a desktop application which has many editable fields, about 50 fields grouped into about 6 sections. When editing, the field's text box will show, then once the user clicks save, the data will ...
  • 23
2 votes
2 answers
1k views

Is it OK for a form element to shift when a related error message appears? [duplicate]

When designing a form, should I design with enough space between the elements for potential errors? So that when displaying error messages, the form elements below the error message do not shift, ...
  • 25
0 votes
1 answer
122 views

Duration field that accepts a number of weeks and days

I have a duration field that looks like this. The user can set a time in HH:mm However, in some cases the user might have to set a duration in weeks/days. This is the current design I have: The ...
2 votes
4 answers
122 views

Should empty field captions be specific or generic?

I have an app with basic user profile fields editing functionality. Each field presents the field name, the field value, and an edit button (e.g a pencil). My question regards what I display on those ...
  • 747
1 vote
1 answer
149 views

Academic degrees in forms

What form field labels tend to be used for pre-nominal and post-nominal academic titles in forms? Is e.g. "prenominal academic degree" used or is that too formal?
  • 2,739
1 vote
1 answer
189 views

Variable length list input

I'm writing a wasm statistical calculator, so I need to allow an arbitrarily long number input on my website's front end. My current design looks like this: A number is entered where the line is. ...
1 vote
2 answers
782 views

One label for multiple fields?

I'm not very familiar with the accessibility and I need help for situation where I have multiple field and every field has same question. Is it ok to put all field under one label? For user who can ...
  • 392
6 votes
2 answers
6k views

Should a blank option always be included in <select> inputs?

For example when asking a user what pet they have and it's a required field, a Please select option is included since the pet is currently unknown: <select required> <option value="&...
  • 163
2 votes
3 answers
234 views

Best input to select 2 of 4 options

I have a project requirement where our users need to be able to make 1 or 2 selections out of 4 possible options. Along the lines of: What is your favourite food? (Pick up to 2) Pizza Chocolate ...
  • 23
2 votes
2 answers
191 views

"Reset to Default" UI for Computed / Synced Fields

Background Here is a nearly identical question to What's the best "Reset to Default" UI element? but with one significant difference: various fields that may be customized, but in their ...
  • 123
0 votes
1 answer
261 views

Accessibility - SC 1.4.4 - Placeholder text not visible when browser zoom is set to 200%

I have a question regarding SC 1.4.4 Resize Text for Placeholders for inputs. I am not for the design we currently have, but have to work a solution with whatever design I have. The first row in the ...

1
2 3 4 5
13