Questions tagged [input-fields]
Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.
665 questions
1
vote
1
answer
83
views
What's the best way to display a number of years and number of months to a user?
I'm currently working on a requirement where we want to ask the loan term limits of a user.
It can be number of years, number of months or both. Right now I'm thinking of just having both input fields ...
1
vote
3
answers
182
views
How can I design a multi-input field into a single input field?
I'm designing a Medical Form with a section where the users can enter numerical input values for vor(Before) or Nach(After) values. How can I design this multi-input field into a single input field?
...
2
votes
2
answers
655
views
Solving spacing issues with focus-triggered input hints
All my inputs have the options of passing as a prop a "hint", which is a text to make clear to the user what that field is about, how to fill it, etc. I decided this hint shouldn't always ...
0
votes
1
answer
83
views
Should the text on CTA button change in a dynamic form?
Background:
I am working on a form in which the input fields change dynamically based on the previous selection. For example, in the screenshot below, if 'Type A' is selected, rest of the form fields ...
0
votes
1
answer
84
views
Input field with option to generate name
I need to display a input field, where the user can either enter their username or generate one on the website. What is the best way to display that? With a generate button next to the input field? or ...
0
votes
1
answer
105
views
what is the best experience for URL inputs?
I am designing some input which users should enter some links, I want to know what is the best way for these kind of inputs for users to show them doesn't need to enter "https://" and we ...
0
votes
1
answer
103
views
Keep or remove the request for address?
I'm struggling at selling event tickets online through my own website and I think the #1 reason is I'm asking for too much info.
Specifically, I'm asking for customer's full name and email and the ...
1
vote
1
answer
108
views
Why do most address input fields in applications have fixed widths/heights instead of expanding to show the entire address?
I've noticed that in many applications, the address input fields (or search bars) have a fixed width and height, which means long addresses often require horizontal scrolling. For example:
In Google ...
0
votes
1
answer
85
views
Input field in form with two different workflows
We have a form that user needs to input manually(at least for now).
Currently, we have an input field for users to type.
As we are planning to implement gen AI feature in our product,
we want to use ...
1
vote
1
answer
147
views
Form question with optional and mandatory text fields
This question on my registration form is currently shown as options in a dropdown. We are now having to include optional and required text fields based off the selected answer. Will a dropdown still ...
1
vote
0
answers
43
views
Search history - clear / disable [closed]
In relation to a retail website search bar. Is it necessary to have the option to disable search history if there's an option to clear it?
1
vote
1
answer
86
views
Multiple select fields
I am trying to allow users to select something that has two names (one numerical and one text):
Reference number
Name
Reference number is required when adding but the name is an optional additional ...
2
votes
1
answer
91
views
In an input field how to decide the input field and its label positions?
I have seen input fields that vary in terms of how they are designed.
Label on the top and text are at the bottom.
How is this decided? And can it vary in different places in the same application and ...
1
vote
1
answer
469
views
UI Design for dynamically manage multiple groups of form elements
I'm developing a user interface where users need to dynamically manage multiple groups of form elements. These groups may vary in content and quantity. What user interface guidelines and patterns ...
0
votes
3
answers
283
views
Non-text Contrast (Level AA) with input field background against a web page background
I have a question regarding the accessibility of this design and whether it complies with WCAG guidelines and success criteria. Below is an image of a set of input fields on a specific background:
...