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
1 vote
1 answer
81 views

Hiding the delete button behind 1, possibly 2 clicks

I have to anonymize this substantially, so forgive the abstraction, but here is the debate. There is an interface in which you can create an object. This object has several attributes, as well as sub-...
JClaussFTW's user avatar
  • 1,326
1 vote
2 answers
80 views

Element for the age of cheese

I am creating an app using React and antd where users must enter information about cheese. I need an element to ask the user how aged their cheese is. The following options are possible: [0-12] ...
The Bison's user avatar
2 votes
1 answer
79 views

Optimal Placement of Copy/Paste Buttons for Enhanced UX: Inside or Outside the Input Box?

I'm currently grappling with a design decision and would love to gather some collective wisdom on the matter. The question at hand is about the placement of copy/paste buttons in relation to an input ...
Prashant Dubey's user avatar
1 vote
0 answers
28 views

Multi-level configuration editor

Background I have limited experience in GUI design, but I have to produce a desktop application (Qt) meant for expert users (our own staff mostly). Its purpose is to read/write a large set of ...
Nicolò Tosi's user avatar
0 votes
3 answers
104 views

Redesigning our searchbar

Our users are having trouble with our search bar. They don't realize they need to click the search icon to start searching. To make it clearer, I've come up with three solutions: A. Replace the icon ...
Jonathan's user avatar
  • 101
0 votes
0 answers
55 views

How to put 3 inputs and 1 selector in 3 columns grid

I need an outside perspective) The hanging “Mode Tunnel” selector is very annoying. Are there any options for configuring this differently so that it doesn’t hang like that?
Юлия Байдак's user avatar
0 votes
2 answers
33 views

Handling and parsing string with multiple elements to the form using one input

We have a problem that we want to solve in the most intuitive way. There is a modal with one text input, but the requirements are for user to be able to put one OR multiple email in it. This is needed ...
Glib Zaitsev's user avatar
0 votes
1 answer
35 views

How do I make sure that the user enters their input fields correctly?

I have two input fields which need to be formatted a certain way. Ipv4 addresses need to have the "." to separate the numbers and ipv6 addresses need to have ":". I'm not sure what ...
Gene Lee's user avatar
  • 1,146
2 votes
1 answer
300 views

Blinking cursor on input fields and blinking time/timeout

What about the blinking time? Should it blink eternally until the user interacts? I see that on Firefox 117, the blink stops after some seconds whereas it doesn't on chromium browsers. Is the timeout ...
Daniel Perez's user avatar
0 votes
5 answers
92 views

Is it good UX to provide an example of the correct input if the user entered a wrong amount?

if the user entered an amount less that the money he has in his wallet,can I say you don't have enough money try x$ or it's a bad user experience?
Yosra Mostafa's user avatar
1 vote
1 answer
135 views

Best way to indicate required vs optional fields

I'm having some issues deciding how to indicate to users the some fields are required and some are optional. I've encountered these three scenarios, and the following solutions: All fields are ...
Mourad's user avatar
  • 57
0 votes
1 answer
50 views

How can i logically combine filters for organization, domain and country?

I'm working on a web app containing a lot of datatables with some well known filters on each page, all of them pertaining to a specific domain (or website): A domain may or may not have an ...
sommmen's user avatar
  • 101
0 votes
1 answer
46 views

Adding Custom Form Field

I have a tricky thing to solve. This would be used for fast food menu. First field is pretty much Name of the Group ex "Choose the sauce" and other 2 fields (and 2 fields should aways exist ...
Paco's user avatar
  • 9
0 votes
2 answers
88 views

What are the expected behavior and characteristics of a currency input?

I'm trying to make a list of the expected behavior and characteristics of a user textbox when it is designed for currency or money input. Characteristics: Numeric only. With two decimal places. With ...
Polarcode's user avatar
  • 101
2 votes
2 answers
129 views

CTA is being hidden by keyboard on long form in mobile

While working on long forms on mobiles, such as multiple business expenses, the CTA to finalise adding is getting hidden by the keyboard. The common way of putting one input field and one cta may not ...
Bluebug's user avatar
  • 296
2 votes
1 answer
66 views

(WCAG 1.4.11) Understanding 'subsuming' in Non-text Contrast AA Level

In a vaccuuum I understand how to interpret the criterion. If a border is the only way to identify a control then Border vs container must have >3 contrast. If a background is the only way to ...
Michael North's user avatar
0 votes
3 answers
75 views

Using a single text field with auto type detection in an app

So we want to increase the number of accepted fields in our app of which people use as identifier to transfer to. We currently have mobile number and email , however we intend to increase to add ...
hks_tbc's user avatar
0 votes
2 answers
205 views

Which label option for a range slider offers a better experience?

The aim is to offer an input using a bandwidth range-like slider field, that can make the selected option clear. Option A: only show the selected option, to encourage the user to use the input and ...
N44's user avatar
  • 1
0 votes
0 answers
36 views

How to visually connect a numeric input and a table dynamically updating with the input?

What I am building: a search engine for gaming laptops. The #1 factor for gamers is, obviously, gaming performance, which is mostly judged by FPS – frame rate that a laptop runs a game on. Higher is ...
Rafael Sofi-zada's user avatar
0 votes
1 answer
63 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 ...
rap-2-h's user avatar
  • 113
1 vote
1 answer
88 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 ...
bailll fyzz's user avatar
1 vote
1 answer
391 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 ...
G. Shebl's user avatar
1 vote
3 answers
90 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 ...
KingLouie's user avatar
  • 111
10 votes
1 answer
2k 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 ...
Maurice's user avatar
  • 103
22 votes
3 answers
8k 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 ...
nd.'s user avatar
  • 323
3 votes
2 answers
1k 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 ...
ZedRay21's user avatar
0 votes
2 answers
464 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 ...
Raphaëlle M's user avatar
0 votes
1 answer
543 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 ...
Ralph David Abernathy's user avatar
0 votes
1 answer
1k 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 ...
TomR's user avatar
  • 101
0 votes
2 answers
54 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, ...
Blue Ocean's user avatar
  • 10.6k
1 vote
1 answer
332 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 "...
Lance's user avatar
  • 391
1 vote
3 answers
170 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 ...
Chris's user avatar
  • 430
1 vote
1 answer
189 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 ...
user8884's user avatar
1 vote
4 answers
304 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 ...
Zack's user avatar
  • 13
2 votes
2 answers
490 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 ...
Samuele B.'s user avatar
0 votes
2 answers
114 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?...
Era's user avatar
  • 53
0 votes
3 answers
232 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 ...
Uzi Cohen's user avatar
1 vote
1 answer
213 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 ...
anerjee's user avatar
  • 11
0 votes
0 answers
26 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 ...
Frank Harris's user avatar
1 vote
1 answer
65 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 ...
user avatar
2 votes
2 answers
103 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 ...
roostaamir's user avatar
0 votes
1 answer
100 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 ...
Seito Kimbo's user avatar
0 votes
1 answer
240 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 ...
user110630's user avatar
-2 votes
1 answer
223 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 ...
user152406's user avatar
1 vote
1 answer
158 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 ...
Blue Ocean's user avatar
  • 10.6k
0 votes
0 answers
189 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 ...
Sooraj MV's user avatar
  • 3,599
2 votes
3 answers
318 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 ...
cgtk's user avatar
  • 431
2 votes
1 answer
477 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 ...
cgtk's user avatar
  • 431
2 votes
1 answer
591 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. ...
odp's user avatar
  • 67
0 votes
1 answer
88 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/...
starscape's user avatar
  • 103

1
2 3 4 5
13