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

2
votes
2answers
197 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
202 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
2answers
93 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
3answers
978 views

Showing/Hiding vs.Enable/Disabling form fields

I would like to know the benefits and drawback relative to form design of "dependent fields". For example, in my form I have a Marital Status field, and depending on it's value, I need to know the ...
2
votes
1answer
194 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
129 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
143 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
2answers
144 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
1answer
240 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
3answers
237 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
99 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
224 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
2answers
231 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
163 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
812 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
111 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
374 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
488 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
104 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
70 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
590 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
210 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
124 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
421 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
79 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
1answer
107 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
239 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
124 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
155 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
587 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
5answers
545 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 ...
1
vote
2answers
123 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
196 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
3answers
132 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
101 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
88 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
1answer
161 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 ...
1
vote
1answer
99 views

Allowing user to input a range value where end points have special meaning

I need to allow the user to input a setting that controls the showing of a GUI feature after performing a number of steps. The setting would control the number of steps in the application that should ...
1
vote
4answers
96 views

Mobile money input, easiest method

For a monetary input, I would have liked to use the input[type=tel], but sadly the decimal/period character is missing from most telephone keyboards on mobile devices. This is a payment amount that a ...
1
vote
2answers
242 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
3answers
60 views

What should happen to dynamic height input element?

I am using Chosen multi-select inputs on a site I'm currently designing and building. I am using them on a form of 6 inputs which filters a list of results. The issue is its quite a set layout... ...
1
vote
2answers
166 views

Checkbox vs. menu

I am building a calculator where the user must choose if has has a hybrid car or not. I was wondering which is better a checkbox - where you check if you have one. or a menu with yes/no ...
1
vote
3answers
159 views

How to request that two out of three fields need to be populated in a mobile search app

I am developing a new iOS app and I need to let the user commit a search where three fields are shown. a group name (development, marketing etc.) member name project name the search should be ...
1
vote
2answers
2k views

Incorporating a range-slider in a form: jQuery UI or degrade to <select>?

When incorporating an <input type="range"> slider into a form (ie, Best form element to indicate level of completeness of a task?), Firefox degrades not-so-gracefully to a text box. Since we ...
1
vote
2answers
106 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
2answers
112 views

Submit button on the inside of the field - Good or Bad?

I was Browsing GoDaddy's website and saw they use their buttons inside their input fields, see for yourself: "Go" buttons, inside of input's frame Live example: http://www.godaddy.com/ Is ...
1
vote
1answer
86 views

How can a form with tokenInput include qualifiers?

I have a form for modifying songs in which you can add/remove links to artists with a special text field having tokenInput capability for auto-completion. This field looks like this: Of course, the ...
1
vote
1answer
59 views

short vs long message - input placeholder

I'm working on a profile update form, it got me wondering - what's the pros&cons of displaying a short placeholder vs a long placeholder? First candidate: Current Password Second candidate: ...
1
vote
1answer
88 views

Making typing API keys easier for mobile users

I have a mobile application which uses data from a REST API, and needs an API key for that particular user to access what it needs. The problem is that the API keys are anything but short. ...