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

learn more… | top users | synonyms

1
vote
3answers
84 views

What's the best design to get a number from a small range from user?

I have a system where I have to get a number, between 1 and 10, from the user in a web application. (The actual use case is the user has to say which group he is from, and group names are numbers from ...
1
vote
0answers
55 views

Require input if there are any [duplicate]

My client is registering customer data and wants to make sure that they register their customers e-mail addresses when ever a customer has one. So the input textbox should be required to have valid ...
2
votes
1answer
47 views

An alternative to Indeterminate checkboxes?

How best to display incomplete or indeterminate state? Microsoft UI pattern has an display icon for this - a dark box within the checkbox instead of a check. (See pizza toppings [ALL] in the link ...
1
vote
1answer
37 views

Is there a recommended height for text fields on high density mobile screens (retina, etc)?

I can't seem to find any information about whether text field sizes should be at least a certain height on a high density mobile view like retina or high density android devices. I try to make my text ...
0
votes
1answer
36 views

Datepicker (or other) widget with close “x” button: delete choosen values?

I have a complex search form with some fields to fill out for a search over products. Some of them are fake fields and open widgets (like the jquery UI datepicker widget etc). I tweaked the standard ...
0
votes
2answers
67 views

Applying features and add-ons for multiple lines

I want the user to have the ability to add features and add-ons for each line on the website (order page). If you look at the UI wireframe, it will ask you how many lines do you want from a ...
1
vote
1answer
61 views

Form Label - disabled or enabled?

What is the best practice when it comes to a form having disabled fields? Should we show the associated labels disabled as well? 1) If labels are also disabled then it'll give a stronger clue to the ...
0
votes
1answer
65 views

Interface for selecting/defining multiple mutually exclusive ranges

I have a requirement to create "brackets" for permissions based off the amount of a transaction. For example, a user assigned to the $10-100 bracket should have permission to modify all transactions ...
30
votes
5answers
3k views

How to tell a user that a search is being performed when they stop typing

I'm developing a web application and inside this application I have the following form Whenever the user changes the value of the Tax Code field and there is a pause in typing, a database search is ...
0
votes
3answers
48 views

Coming Soon Mobile App - How do I ask for users email?

I'm creating a landing page for my app which will have an input for user's email if they want to be notified when the app launches. My question is what is the best copy to accompany the email input? ...
1
vote
2answers
78 views

Multiple forms of the same type in one single screen

I have to re-design (migrate) a Silverlight form into html. The current form looks like this, Old Design The form has a list of Product Types on the scrolling bar in the left. I can select as ...
3
votes
1answer
95 views

Placeholder Miscommunication Prevention

I've been doing some research into text input placeholders, and came across this: Pardot User Guide: Placeholders are not Substitutes for Labels. What struck my interest was: Data suggests that ...
0
votes
3answers
133 views

Are centered input boxes cool?

Take a look here - http://jsfiddle.net/9wFJS/2/embedded/result/ Which of the three is good? This is inspired by a conversation here... I like the second one, but two users disliked it. One saying ...
5
votes
3answers
197 views

Should all fields in a web form be the same length? [duplicate]

Attached is a screenshot of a web application I am building. It shows where the user can enter input to perform a search. My question: should the text boxes/comboboxes all be the same width? The ...
3
votes
4answers
288 views

How to make HTML5 number input field more user friendly?

I am upgrading my website to adopt HTML5 standard. I have a field that only accepts integers from 0-99. Originally it has the following code: <input name='age' type='text' size=2 maxlength=2> ...
0
votes
4answers
137 views

How to indicate primary vs secondary placeholder text in madlibs style form?

I've got a somewhat irregular case: I need a user to fill in two values in a placeholder text. On the screen, there are a total of 4 placeholder texts. two of them are required, two of them are not. ...
0
votes
4answers
141 views

How to make the distinction between the nature of those filters?

Let's imagine an application that allows users to create some meetings, waiting for participants and also allowing to search for other meetings (created by others) in order to participate in. My ...
5
votes
2answers
125 views

Inline validation icon usability

I have been looking at the styling for validation of input forms of Bootstrap, and wondered if there was a specific reason for where the icons used for inline input validation is positioned. I ...
3
votes
3answers
98 views

A required field that isn't really required?

...the email field in my clients data entry system is required but users of the system are allowed to enter na@na.com if the customer refuses or doesn't have an email address. Is this best practice? ...
5
votes
3answers
895 views

Best practices for how search icon functionality should work

I’m trying to find out how exactly the search icon functionality should work when the icon is clicked. This is for a responsive website. I have three scenarios, please view them on a smaller ...
1
vote
1answer
150 views

Limitations on name changes

Should I allow people to freely change their name in my file hosting application? I don't think anyone should be able to change their name freely and as frequently as they want without any type of ...
2
votes
2answers
62 views

What is the best placement of character counter relative to the text field?

I want to show a character count beside a multi-line text field. Looking for any research or usability test findings regarding the location of that character count relative to the field (pic shows ...
1
vote
1answer
68 views

Forms: pattern to create/convey dependencies between fields?

I'm designing a feature where the user can create forms which then other will be able to fill out ( and either pass or fail). The user will be able to write questions and set which answers (yes or no) ...
0
votes
4answers
245 views

Is there a best name for the “spinner” user input?

I like to go look at other peoples examples of interface layouts and design patterns. The other day I went to go look at design patterns for the standard "spinner" user input... ...but found that a ...
1
vote
2answers
77 views

Selection-dependent Inputs

How would you deal with selected-dependent inputs? for example, for geolocation, when the user needs to provide information about location, he needs to select first the country, then the area ...
1
vote
5answers
452 views

HTML4: Insert IBAN by seperate fields?

I am not sure with input fields for IBAN numbers. Often the IBAN is seperated into different fields. XX00 0000 0000 0000 0000 00 Sometimes the customers have their IBAN's in one line ...
0
votes
0answers
59 views

Should login fields be cleared if user is denied to change the profile while logging in?

I am working on a mail application. Currently, while logging in we are saving the user's credentials as a user profile and when the user logs out and in again with some other user ID we ask him if he ...
1
vote
2answers
143 views

Mobile: Text Field Hint best practices

On our desktop website we have a registration form. The registration for when entered provides the user with a field hint with further information on the field and any special requirements (password ...
1
vote
1answer
113 views

Why do so many forms use input masks in for input fields?

To be honest, I find input masks annoying. Different masks on different sites sometimes work differently, such that their behavior unpredictable and it actually makes me take more time to type out ...
1
vote
4answers
159 views

Should quantity textboxes that have a default value of zero - show a “0” or be blank?

My quantity textboxes have default values of 0, it's up to the user to change these quantities if they wish, it is not mandatory i.e. they can leave them at 0 if they wish. Should the default view ...
2
votes
3answers
237 views

Required fields

What are the rules around indicating required fields in a flow that has some pages that have all required fields and some that are mixed? Is it better to denote optional fields in this case?
2
votes
4answers
115 views

Best way to input a list of emails

Whats the best-practice way to input a column of emails that associate with different people- a la: My worry is that all the blue buttons and call to actions look cluttered and feels overwhelming ...
0
votes
3answers
183 views

Pagination Design

We are working on a pagination model with a text box entry for entering page number. I would like to solicit your feedback on the below mentioned scenarios in terms of usability and accessibility. ...
31
votes
9answers
4k views

Good UX for inputting 14 different times

I'm updating a form which has elements for each day of the week, and the user needs to select a start time and end time for each day. Currently this is just 14 different text boxes where users can ...
19
votes
5answers
2k views

Should input fields be cleared out when the user selects them?

I have a few input fields in my form with some default values (numbers). Please note, they are not just placeholders, i.e. they can be used as is, if they are not changed. I was wondering if I should ...
3
votes
4answers
235 views

How to deal with superfluous numbers in input text fields?

I'm working on input textfields for lab assistants, e.g. a textfield to enter a temperature value (in a custom designed UI, not a web-site). Users don't have to enter the Celsius or Fahrenheit unit, ...
3
votes
1answer
69 views

Input controls within the bounds of a tappable tile

I have tappable tiles that navigate off to a different page in an app. Within the bounds of these tiles I have input controls. Interacting with these input controls should have no effect on the ...
0
votes
1answer
74 views

Do email placeholders affect anything, and which kind should I use?

I'm going to have a small box on my website where visitors can input their email address to subscribe to my website newsletter. It looks like this, and will have a light text placeholder in the box ...
3
votes
2answers
160 views

How does the visual size of a text input field affect users' expectation of how much they should write?

It's well-known that you should size your input fields to the amount of text you want the user to write. There's an example of that on this very page: even though the "Your answer" field can stretch ...
21
votes
4answers
2k views

What should the character limit(s) for first/last name inputs be? [closed]

We want to create input fields for a user's first and last names. What should the minimum and maximum limits be, if any, and why?
2
votes
1answer
93 views

Onfocus on a filled out textfield. Select-all or not?

Let's say I have a title textfield in an edit environment. The user has saved the title before but wants to edit it now. I've read up on some design principles and one of them stated: When a user ...
3
votes
1answer
82 views

Should I display Edit/Delete Buttons when only one field is editable?

I know there's a lot of questions out there asking where to place the edit/delete buttons in a row. My question is if there is only one field of data that is editable in a row, does it make sense to ...
1
vote
1answer
117 views

Persistent form text on refresh and back navigation

Currently on common HTML forms, all the fields are cleared when you refresh the page or navigate away and back to it. Would it be good or bad UX to store values in cookies as you type and restore them ...
2
votes
2answers
145 views

Should form fields flow top to bottom or left to right/right to left?

I'm currently designing a small form for a user create experience inside an app. I'm wondering if it makes sense to have the last name field shown to the right of the first name OR down below the ...
0
votes
3answers
163 views

How to give web user ability to select an option – or add one?

My web application has a half dozen fields where the user is allowed to select from a list of existing values – or enter a new one. Initially, I included an option called "Other…". When chosen, a new ...
2
votes
2answers
260 views

What are good checkbox alternatives?

My case: Users belong to a group. Depending on the selected users the group-state can be either checked (all users are within that group), unchecked (no user is in that group) or indeterminate (some ...
35
votes
4answers
3k views

Why does the Stack Overflow swag request form have six address lines?

Some backstory: I ran in the Stack Overflow election, and lost. Poor me. The SE gods took pity upon me, though, and sent me a link to a form where I could give them an address and they would send me ...
3
votes
2answers
69 views

Signal that a field has become required after other user interaction

The user is presented with a form. One of the form selections is a check box. If the user checks the check box, one of the fields is now required. What is the best way to signal to the user that ...
3
votes
3answers
134 views

Should dropdown background color be same as other (text) inputs on a form?

Today I noticed one really annoying thing in a new layout from a designer. In the new design, all dropdowns had much darker background than other text inputs. For one, the contrast was quite poor, ...
0
votes
2answers
80 views

Forced input restrictions

We are having a discussion whether or not we should force our text inputs to disallow incorrect type of entries to be entered. In other words if I have some kind of validation on input field (let's ...