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
2answers
125 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
66 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
117 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 ...
7
votes
1answer
467 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 ...
2
votes
3answers
798 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
180 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
158 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
416 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
321 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 ...
7
votes
3answers
1k 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
365 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
408 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
119 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
319 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
348 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 ...
2
votes
1answer
4k 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
166 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
577 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
234 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 ...
71
votes
13answers
6k 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 ...
6
votes
5answers
414 views

Forms: Sample description- for label or field? what should be the placement?

I need to place example input text [abc@pqr.com] for a field or label. Where should I place example (or sample) input description? Here, I have shown four examples of an email ID input for ...
1
vote
1answer
2k views

iOS and UITableViewCell: best practices when requesting user input as a form

Firstly, I'd like to make a general question regarding table view cells' customization: are there any restrictions about the controls they can cointain, and/or its number? I read in iOS HIG iOS Human ...
27
votes
5answers
1k views

Is constantly updating the formatting of a numeric input box a good idea?

I have a numeric input box, as part of a form. I'm implementing delimited splitting, to make large numbers easier to read. ie, 1000000 would become 1,000,000. Would it be a good idea to automatically ...
7
votes
5answers
350 views

Usability of an email field without label “email”

Does it make sense to a user that this field is for email only? Or is it confusing?
4
votes
2answers
1k views

Default Android input field styling

I have been showing a prototype of my app to a few people and am surprised by how many of them don't know where to type. The main screen has three input fields and a search button. I'm talking about ...
7
votes
3answers
769 views

Display input text that exceed input width

I'm having some issues when the user types extensive text in a small input field. I need some good way to display data that will be cut off. I tried to use a Bootstrap based Tooltip or Popover on ...
1
vote
1answer
129 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 ...
12
votes
9answers
1k views

Does leaving a field blank - mean “everyone”

I'm beating myself up over this one, since we had just that discussion today. We were arguing why a customer was eager to pay a week of work for something that could be trained. And to me it’s pretty ...
0
votes
3answers
414 views

Where to place registration form and its contents in page horizontally?

In a registration form I'm having trouble guessing where I should put the text and input fields. Obviously the default is flush against the left side of the screen which looks terrible. I noticed ...
2
votes
3answers
132 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? ...
8
votes
4answers
910 views

Is it useful to have all the input controls in a form the same width? [duplicate]

All the input controls are the same size in this question about form design: Why might right aligned field labels be better? My question is if does it help with something, or it is just a matter of ...
8
votes
4answers
292 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 ...
9
votes
2answers
305 views

What's the official name of concept of input boxes with tags?

I'm looking for an implementation and the (official) name of this kind of control where it's a inputbox where we can add multiple tags into it. By example, it is used in JIRA like this capture (and ...
4
votes
2answers
190 views

Does the size of an input influence its value?

I've recently started using BackBlaze as my backup service and I noticed something interesting on their restore sign-in page. The password input is slightly longer than their email input. Since ...
3
votes
3answers
172 views

Is it bad practice to reset a user's focus to the first input item?

When a user tabs to the last input element in the form, is it bad practice to bring the user back to the first tabindex / input item?
2
votes
2answers
254 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 ...
3
votes
4answers
690 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
5answers
303 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
1answer
136 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 ...
3
votes
2answers
159 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 ...
7
votes
3answers
170 views

Form prompts inside form fields always wrong?

I've noticed in the edit-profile form on UX Stack Exchange a weird prompt with an important message - the date format. Personally I would consider it terribly wrong (force to memorize data format, ...
3
votes
3answers
1k views

Labels inside or outside text inputs? [duplicate]

Possible Duplicate: On forms, is inline placeholder text better than a label outside each field? Are there any advantages / disadvantages in placing ones labels outside ones text inputs ...
27
votes
7answers
27k views

How to avoid 12:00 AM midnight/noon confusion in a time input field?

I recently specified the wrong deadline for an assignment, for a "dropbox" in the D2L course management application. I was trying to choose 12:00 noon, and the time entry field showed 12:00 right ...
3
votes
3answers
1k 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
3answers
534 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 ...
15
votes
6answers
985 views

Case-study for hiding the optional fields?

I am currently designing a web form for the Online Travel Insurance System and I am thinking of hiding the optional fields since there were so many of them. Like the image below. I put a Show More ...
4
votes
1answer
882 views

Idea for improved usability for HTML form checkboxes and radio buttons [duplicate]

Possible Duplicate: Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects? My problem is that the little checkbox and radio buttons for form controls ...
6
votes
2answers
597 views

Automatically limiting or correcting numeric input field values

The application interface I am working on has an slider to select a number, but offers a text input field next to it. This allows reading the currently selected value, but also supports keyboard ...
42
votes
6answers
2k views

When the username is an email address should the field be called 'username' or 'email'?

When the username for a service is an email address should the field be called 'username' or 'email'?
5
votes
3answers
299 views

Side by Side, Stacked, or something else?

I am creating a property manager module for our CMS, one of the forms is very basic, but I am having trouble getting what should be the most appropriate layout for the form. Below is a screenshot of ...