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
1answer
57 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 ...
0
votes
3answers
92 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 ...
19
votes
4answers
1k 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
85 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 ...
0
votes
2answers
58 views

Scrollable menu, login button vs login/password input

Which would be more engaging for the user a clikable button in a scrollable menu -( log in - expanding to a dropdown) or two input- fields: login and password and additionaly a login button?
0
votes
2answers
62 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 ...
3
votes
1answer
52 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
56 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
77 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 ...
1
vote
1answer
112 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, ...
14
votes
6answers
1k views

Combining all the address fields into one?

Both customers and companies want a quick and easy checkout experience. From what I've seen, a big UX bottleneck at checkout is the billing and/or shipping address(es) because there are so many input ...
2
votes
3answers
108 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, ...
2
votes
2answers
148 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 ...
34
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 ...
8
votes
4answers
276 views

Converting two character dates into four character dates

I have an application that converts the following invalid dates, with only two-character years into a valid date format automatically while the user's filling out the form: (NOTE: The application is ...
3
votes
2answers
62 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 ...
1
vote
2answers
101 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
3answers
395 views

How do users react to Bootstrap's uneditable-input class?

Bootstrap supplies a class .uneditable-input, which can be applied to a span/label/text/etc to mimic the appearance of a disabled text input. Bootstrap describes it as: "Uneditable inputs: Present ...
3
votes
1answer
72 views

Text field to hold the value of a slider

I have a HTML form where the user needs to select two numbers. I decided to do this with the help of sliders (mainly because the input is used to compute a third value and I want to avoid that the ...
1
vote
2answers
72 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 ...
3
votes
4answers
112 views

Should I use multiple input fields or not?

Currently I am working on a search engine for restaurants, where you can search by food, restaurant, location, time or a combination of any two, three or all of those parameters. The dilema I am in ...
20
votes
8answers
2k views

Mark or don't mark required fields if all are required?

If all fields in a form are required should they be marked somehow (eg. with an asterisk)? I see this done a lot and find it redundant? There could be a difference in big forms and small forms, but ...
14
votes
3answers
489 views

Float Label Pattern for Select Boxes

I'm sure you've all come across this pattern, does anyone know whether there is any documentation that can provide information on how this pattern can be used with other form elements for example a ...
4
votes
1answer
147 views

I have a typeahead in my form. How do I get people to select its options?

I am the UXD (I use this as loosely as possible) for an education startup company. I have a typeahead in my sign up form: This is the last entry in the sign up form. Underneath that (hidden right ...
22
votes
6answers
1k views

When and why should date pickers be used?

The above screenshot is from an airline's website. Date pickers are somewhat common on websites - they're especially common for circumstances when you're booking events. Most often when they ...
3
votes
1answer
83 views

Improving the “request seat” page for taxi sharing application

A taxi sharing application that I'm working on as part of a university project has a "request seat" option. I've spent the afternoon working on the interface (arguably the most important UI element of ...
3
votes
1answer
95 views

Placeholder : field label or sample data?

I am designing a generic form. Every input has a label positioned right above it. My question is about using input fields placeholder : Should they be a reminder of the label (Ex : Label : Username ...
2
votes
2answers
93 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
2k views

Form validation best practice using Twitter Bootstrap when input fields close each other

I am programmer not designer nor ux designer. So, I am using Twitter Bootstrap framework for design the page with input elements on it. Basic requirement for my form is - It should fit into 1024x768 ...
2
votes
3answers
761 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 ...
3
votes
1answer
170 views

How to simplify the UI to prompt user for tiers of information?

I'm building a website to track user comments on news around environmental issues. I went over all the use cases for the majority of my demographic, and decided I needed to collect some information ...
3
votes
3answers
98 views

How to indicate a meta-option in a select list?

I have a list of options from which the user might select one option. This list might be long. An example would be to select a screen saver. You could select a screen saver or you could select to ...
4
votes
3answers
153 views

Should I vary input field lengths in a single page checkout form?

I am currently designing a single page checkout form. I would appreciate some feedback on the lengths of my input fields. In the Billing and Shipping sections I have staggered the length of the ...
2
votes
2answers
144 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
2answers
102 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
3answers
54 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... ...
2
votes
2answers
79 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
165 views

Time (duration) entry in webapp - pros/cons of various designs

In designing a way to enter time durations in a website, there are various proposals below. What are the pros/cons from a UX standpoint for both mouse & touch uses. Yellow boxes show input ...
3
votes
2answers
122 views

Dimensional Field Input

I have a HTML form that requires the user to specify dimensions for an item they are ordering. A list must show for standard or popular dimensions. Originally this would happen when the field is ...
1
vote
3answers
462 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 ...
0
votes
4answers
117 views

Dealing with big amounts of editable fields

We've built an excel spreadsheet importer for our ERP system, which parses company data from the uploaded XLS files. This tool should help the user enter long lists of companies and is a more ...
2
votes
2answers
118 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 ...
4
votes
1answer
218 views

How to indicate on a form field that additional important documentation is available?

We have a primarily form-based application. Most field labels are hyperlinked to a formal instructions document via context-sensitive help links (the mouse cursor changes to show this.) This works ...
2
votes
4answers
138 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 ...
6
votes
3answers
427 views

Order of address, city, country in form

Is there any specific usability reason why the standard order of form elements for entering an address is this order: address address 2 city country Wouldn't it make more sense to go the reverse ...
3
votes
3answers
179 views

Visually showing that a textbox contains text longer than its width?

I am evaluating ideas for displaying that there is hidden overflow text in a fixed-size single-line input box. I this data entry application, we need to keep a particular textbox's width as narrow as ...
3
votes
2answers
110 views

Displaying Area of Residence intelligently

For Social Website where the user should specify his or her Area of Residence. I want to use the same method Facebook does; a text input field with a dynamic drop-down menu as you type. I am using ...
11
votes
2answers
293 views

Form with input boxes packed together

I'm wondering if there is an official name for this style of the form: Example uses: https://www.tumblr.com/login OR https://www.tumblr.com/register where the input boxes are packed together with ...
3
votes
1answer
3k 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
2answers
212 views

Contextual error message

I am designing a new feature for a CMS my company uses. A few things you should know: We have content editors working mainly on adding pages to the system. We have thousands of pages, and no one ...