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 ...
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 ...
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
78 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
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 ...
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 ...
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 ...
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, ...
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 ...
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
402 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 ...
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?
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
113 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 ...
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
96 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 ...
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 ...
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 ...
1
vote
1answer
115 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, ...
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
99 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 ...
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 ...
1
vote
3answers
463 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 ...
3
votes
2answers
123 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 ...
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 ...
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 ...
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
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 ...
0
votes
1answer
1k 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
2answers
125 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 ...
3
votes
3answers
349 views

When filling out a form to what extent should validation be done while the user is still typing?

I'm working on a registration form and it validates some parts while the user is still typing. For example, the username is being checked after each character is entered to see if it is available or ...
0
votes
1answer
96 views

Keyboard navigation of editable fields skipping other controls

I've been browsing StackExchange, the MS UX guidelines, etc and have yet to find an answer, or even a suggestion about this. In a Windows environment, Tab usually moves focus from control to ...
64
votes
12answers
5k views

Why does the email subject appear before the body when composing an email?

Note: I am not talking about reading experience, I am focusing on the experience of composing email. I am very aware of this issue since it happens to me all the time, and I am pretty sure that it ...