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

3
votes
1answer
131 views

Name and Company - One field or Two?

I am laying out a form on a website with the typical name & address fields. While I've done this a number of times, I have began to try and trim fields from my forms that will be on smaller ...
3
votes
1answer
203 views

Should department filter be located to the left or the right of the search text input in e-commerce sites?

I'm working on a new shopping site and i see a possible minor improvement. We have a typical search form on top left, with dropdown for categories and input field. I think maybe it's better if we ...
3
votes
2answers
441 views

Where and when to show currency symbols for TextFields containing currency?

How should I design a form that is easy to use and understand that has a few textfields for currency? Should the currency symbol be put outside or in the textfield? One variant is to show the ...
3
votes
2answers
175 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 ...
3
votes
3answers
183 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, ...
3
votes
2answers
151 views

how can I get users to add fields into a list where many fields are optional?

I need to design a page to get user inputs in below format: 1. Item A (text) a. Sub-item (text) b. Upload photo for Sub-item (Browse and upload) c. Description for Sub-item (text) 2. Item B ...
3
votes
1answer
5k views

Required field validation error message – Next to field vs. in a Popup

In our application, we mark all the required fields with an asterisk and when user tries to perform an action without providing values for all the required fields, we display an error message next to ...
3
votes
4answers
315 views

When appending items to a list, should the input fields be above or below the list?

We are building an application that allows a user to build a form. The user can enter the name of the label, pick the type of the input field and indicate whether or not it should be mandatory. The ...
3
votes
2answers
699 views

dynamic form design

I have a multistep form setup in my rails app.. In one of my steps the user can enter a friends name, birthday, gender, and the persons interests. They can enter as many friends as they like (each ...
3
votes
1answer
94 views

When to remove error color from field? On change or on focus?

I have a form. When the user puts in wrong information or an error shows up, the field color changes. Now, I'm confused as to when I should change the color back; should it be when the user focuses ...
2
votes
5answers
289 views

Should a form's style be left to the browser?

Instead of using CSS resets, I use Normalize.css, and I usually style an HTML form's containing elements such as input, label, textarea, etc. to the fullest extent. To make sure that the form's design ...
2
votes
2answers
235 views

Is it acceptable to have an editable field visible on hover?

I have a chart that is mostly used for viewing, but can be edited. It is a bar chart of percentages (beneath the bars) that can be edited. Unfortunately, if I display the fields the table becomes more ...
2
votes
3answers
203 views

Why do you have to enter your e-mail when commenting a blog post?

Why do you (usually) need to enter your e-mail adress when commenting a blog post? I guess it's for some kind of spam-protection but if the system doesn't need it - is it ok to skip that input field ...
2
votes
5answers
706 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 ...
2
votes
2answers
107 views

Integer input field: special case for unbounded / unlimited

I am developing a form where the user needs to enter the maximum number of allowed things. Zero is a legitimate value meaning that none are allowed. I need to find a special value to indicate that ...
2
votes
1answer
200 views

Order of fields in contact forms

I'm looking for evidence to support changing order of fields in various contact forms. The first is a general form with: Enquiry details - textarea Where did you hear about us? - textarea ...
2
votes
4answers
136 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 ...
2
votes
2answers
152 views

Tooltip for a User-Set URL

I'm dealing with a situation where we have a place for a user-entered URL/hostname after entering and re-entering their password. I've attached an image of what we're considering below. What I'm ...
2
votes
4answers
182 views

Best design for input of solely negative numbers via numeric keypad

I'm designing an app where in one screen of the application users can input a single number (and nothing else) by use of a numeric keypad. The number may have a single decimal place. Depending on the ...
2
votes
1answer
402 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 ...
2
votes
2answers
164 views

De-emphasise text box without making it look disabled

I would like to de-emphasise the contents of the following text fields when one of the dropdowns is selected. I do not want to turn them grey as that would suggest they are disabled. They effectively ...
2
votes
3answers
125 views

Limiting the number of edits user can make to a list

So I am working on this little chrome extension that tracks the amount of time the user spends on certain websites and helps them reduce the time they waste online. On Installation the ext. asks user ...
2
votes
2answers
281 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 ...
2
votes
3answers
245 views

Min. opt. and max. value of a small field

I've a three digit input field which has a predefined upper and a lower bound, all within a table. The field also has an optimal (requested) value. So there is a min. an opt. and a max. What is a ...
2
votes
1answer
100 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 ...
2
votes
2answers
238 views

Is it “unsafe” to rely only on placeholders (input fields)? [duplicate]

I've noticed that in many sites, the text within input fields are always either label tags and span tags. Twitter's example: (in this case, the labels seem to be inside the input field). I never ...
2
votes
2answers
167 views

Editing an array of numbers which length is variable

For the needs of a line drawing program, I need to edit an array of integers. The only constraint on the array is its length, which has to be even, and greater or equal to two. The solution I have for ...
2
votes
3answers
826 views

Displaying selections from a Dropdown Check List

First of all, I apologize for my Englsih and will try to be as clear as possible! I'm currently having a problem with a Dropdown Check List. I have, on the left of the search results, a Dropdown ...
2
votes
3answers
115 views

Should I use questions or statements in my web form?

I'm designing a web form that allows you to schedule events on a calendar. There are about four pages of input required for each event, such as: Name Start date End date Employees involved Budget ...
2
votes
2answers
398 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 ...
2
votes
4answers
566 views

What is the best way to indicate that text in a text input field is editable?

Imagine an app like yelp. In this case, you select the amount of stars that you want to rate something. When you do, a pre-generated text is displayed in the text input field. You can either keep this ...
2
votes
1answer
158 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 ...
2
votes
2answers
84 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 ...
2
votes
3answers
682 views

Web-Based SQL Query Builder

I've built a simple web-based query builder using a series of dropdown lists such that the only typed input is the final value field. In the example above simply adding the filters consecutively ...
2
votes
4answers
233 views

Enter and Arrow Down to Navigate between Form Fields?

I showed someone a demo of my line of business (add customer, add invoice etc) type app last night, and they provided me some feedback. Their biggest point of concern was how to navigate to the next ...
2
votes
1answer
3k views

How is the HTML5 date input type presented on different Mobile browsers?

I am building a form for Mobile Web that requires users to enter in their DOB. I'm interested in how it is presented across different mobile OSes and browsers as I understand support is patchy. Is ...
2
votes
1answer
128 views

About the creation and management of items

I need some guidance regarding the following design issue. In my application I need to create, maintain, delete and manage so called "Roles", they are just basically a name and a description pairs. I ...
2
votes
3answers
453 views

What is the best approach to disallow an empty search?

I want to disallow users from searching without a query string (at least one character). To achieve this, I tried to disable the search submit button when the search box is empty, and restoring the ...
2
votes
1answer
125 views

Auto focusing erroneous form input fields

I'm auto focusing the first input field of my Sign up and Log in form before the page is displayed, but I'm not sure what to do as far as auto focusing erroneous fields after validation. I have a ...
2
votes
2answers
262 views

Ideas for folder / file selector input

It works similarly to the file HTML input, but browses files or folders stored on the server, and it's mainly used to browse image gallery folders. I need some ideas on how to design the UI for it, ...
2
votes
3answers
127 views

Layout of information on registration page

I am making the registration page for a website. How should the different components be laid out relative to each other? For example should the heading be on level or above the text input field? ...
2
votes
2answers
158 views

what is the ideal order of fields to have in a contact form?

I'm working on a contact form and was wondering on the order of fields. if I should start with the subject first and then name, email and message field or name, email subject and message field.
1
vote
3answers
597 views

Enter your email below and we will contact you

My client wants a page in which the following text appears: "Enter your email below and We will contact you" It's then followed by a textfield (to write the email address) and a button to submit ...
1
vote
2answers
130 views

Input fields with different sizes

In most design experience guides there is a recommendation to make all input fields the same size. However, I have a big field, and then smaller ones, like title, start date, and end date, where date ...
1
vote
4answers
218 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 ...
1
vote
2answers
354 views

What is a good user interface to allow people to enter in column headings?

I have a website where you can enter in some inputs and a report comes out. You can then save any report and load it up in the future with all your settings. I have one example where you can create ...
1
vote
3answers
177 views

How to display long text in a short input box?

I can't decide which of the following 3 options is best so I'll ask here which option would you choose and why? Edit: to be clear those are text input controls and not cells of table data. Try them ...
1
vote
2answers
117 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 ...
1
vote
2answers
95 views

Selecting a unit of measurement

I need to allow the user to select a unit when entering a certain amount for a certain ingredient. Certainly :-) I want this to be rather dynamic. My web-app has many facets and I want to use the same ...
1
vote
3answers
717 views

Inputting percentages - in decimal or whole number form?

I've come across a situation in a form where one group of people is expecting an input field for a percentage value to be whole numbers, whereas the other expects decimal values. Either way when the ...