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
32 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 "...
user avatar
  • 323
1 vote
3 answers
107 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 ...
user avatar
  • 420
1 vote
1 answer
75 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 ...
user avatar
0 votes
0 answers
29 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 ...
user avatar
1 vote
4 answers
134 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 ...
user avatar
  • 13
2 votes
2 answers
147 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 ...
user avatar
0 votes
0 answers
70 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 ...
user avatar
0 votes
2 answers
85 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?...
user avatar
  • 53
0 votes
1 answer
59 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 ...
user avatar
1 vote
1 answer
49 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 ...
user avatar
  • 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 ...
user avatar
1 vote
1 answer
51 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
76 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 ...
user avatar
0 votes
1 answer
63 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 ...
user avatar
0 votes
1 answer
57 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 ...
user avatar
-2 votes
1 answer
87 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 ...
user avatar
1 vote
1 answer
107 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 ...
user avatar
  • 10.5k
0 votes
0 answers
101 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 ...
user avatar
  • 3,540
2 votes
4 answers
206 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 ...
user avatar
  • 251
1 vote
1 answer
121 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 ...
user avatar
  • 251
2 votes
1 answer
87 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. ...
user avatar
  • 67
0 votes
1 answer
69 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/...
user avatar
  • 103
0 votes
1 answer
62 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 ...
user avatar
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 ...
user avatar
  • 8,656
1 vote
3 answers
718 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 ...
user avatar
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 ...
user avatar
  • 433
2 votes
1 answer
137 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. ...
user avatar
  • 33
2 votes
1 answer
130 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 ...
user avatar
  • 23
2 votes
2 answers
409 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, ...
user avatar
  • 25
0 votes
1 answer
76 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 ...
user avatar
1 vote
2 answers
62 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 ...
user avatar
  • 727
1 vote
1 answer
107 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?
user avatar
  • 2,691
1 vote
1 answer
150 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. ...
user avatar
1 vote
2 answers
242 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 ...
user avatar
  • 392
4 votes
2 answers
2k 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="&...
user avatar
  • 143
2 votes
3 answers
185 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 ...
user avatar
  • 23
2 votes
2 answers
110 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 ...
user avatar
  • 123
0 votes
1 answer
152 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 ...
user avatar
1 vote
2 answers
410 views

Display date suggestions as dd/mm/yyyy or DD/MM/YYYY

I have found a lot of posts regarding how to display the order of a date (MM/DD/YYYY vs DD/MM/YYYY) but I haven't found any regarding how to display a "This is how your date should look" ...
user avatar
  • 113
3 votes
3 answers
151 views

Validation for if all fields are required when an optional field has a value

I have a form that has an optional username/password input but when either the username or password has a value it causes them both to be required. Not sure how I should approach this? So far the ...
user avatar
4 votes
1 answer
212 views

Set an optional field to a fixed value

I've got a edit form in which the user can change a number of properties from an item. In certain conditions, there is an optional time field which the user can set. But it cannot be set to an actual ...
user avatar
  • 51
2 votes
1 answer
61 views

Is it ok to use text area for multiple subjects?

When user is answering question with radio buttons that opens new more specific questions. Is it bad idea to wrap those questions in one text area? In my case user want might add multiple "...
user avatar
  • 392
1 vote
3 answers
131 views

How to force users to subscribe without creating an account?

I've created a web app which does not require a user to create an account, you just fill in a form and get the result. I thought that would be nice to add "Enter your email" input text along ...
user avatar
14 votes
10 answers
3k views

Good alternative to a slider for a long list of numeric values

I want to give the user the option to select a numeric value which falls in a range (0-1000), where most multiples of 5 are acceptable. Usually, for this kind of thing, a slider would be perfect - ...
user avatar
  • 169
1 vote
1 answer
63 views

search inside a dropdown or dropdown with a search for new set of option that user has to pick

what would be the better approach for an interaction which involves search inside a dropdown, where the items of the dropdown maybe new to the user and we need to show them upfront so the user can ...
user avatar
  • 1,040
1 vote
3 answers
363 views

How to state valid characters are alphanumeric and 'all keyboard symbols'?

*Note: I'm using an inline validating message, where if a user enters a char that is not allowed a message is displayed (i.e. "Please only use...") I've seen this post about stating valid ...
user avatar
  • 113
1 vote
1 answer
236 views

Highlight missing form fields one at a time or all at once?

A form has many required fields some of which have been left blank. When the user clicks the submit button, there is functionality in place to highlight the first required-but-empty field by giving it ...
user avatar
  • 33
2 votes
1 answer
160 views

Best practice for comma separated input size for the search field

I am working with large number of entries in web UI such as IoT device list with IMEI. There is a need to make quick multiple selection by IMEI. Would it be good practice to provide search field with ...
user avatar
1 vote
3 answers
86 views

What's the best way to make a text field with a suggested value that is shown even after it is filled?

For example, let's imagine a simple exercise tracking app. There's a field where the user can input the target score (the score he wishes to obtain). Then, after exercising, the user is presented a ...
user avatar
4 votes
2 answers
3k views

How many pixels the "normal" letter-spacing is?

We are working on an input-field in our application where the users can adjust the letter spacing of text elements in pixels, but we are not sure how many pixels the normal letter spacing is. We would ...
user avatar

1
2 3 4 5
13