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
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 ...
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 ...
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 ...
3
votes
3answers
346 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 ...
16
votes
6answers
822 views

Is it acceptable to make a text field look like a write in line?

My designer would like to implement a text field that drops down on hover against a white background, and only have a bottom border to define the field. Also, the designer would like to see a flashing ...
7
votes
3answers
121 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
1answer
114 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 ...
4
votes
2answers
476 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 ...
6
votes
5answers
229 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 ...
8
votes
6answers
339 views

How to convey a true/false value to a user?

I'm developing an application where users will be allowed to create custom fields that are part of a record, in addition to the fields that are provided by default. Users will be able to choose names ...
2
votes
2answers
171 views

Enabling spell check in the UI

We are building an application which will contain spell checking features for areas where users will enter input. We have already implemented the feature for our rich text editors, whereby spell ...
19
votes
3answers
2k views

Character limits on fields - pros and cons and best practices?

Some of our form fields have character limits. We're debating whether we should reflect the current size of data entry, or to simply hard-limit and inhibit data entry beyond that size. In HTML, ...
7
votes
4answers
380 views

Is it good practice to only accept numeric keystrokes in number-only fields?

I have a form that only takes in numbers as it represents a dollar amount. Currently, the form only accepts numerical keystrokes. Is this good practise?
7
votes
4answers
426 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 ...
30
votes
4answers
2k views

Where should the GUI light source come from?

I know that historically the light source on GUIs is in the upper left, casting a shadow on the bottom-right of buttons and the upper left of fields. Now, I see some places (like Apple) use a top ...
1
vote
1answer
1k 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 ...
1
vote
3answers
559 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 ...
4
votes
4answers
272 views

Balance between mandatory fields and optional fields

I am working on the project part of which is building a user profile page that is used to collect some information from the user so that this can be used to display better matching results for that ...
25
votes
5answers
885 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 ...
15
votes
4answers
557 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 ...
7
votes
5answers
297 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?
7
votes
2answers
302 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
81 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 ...
76
votes
12answers
13k views

Removing placeholder text on focus

Chrome and Safari remove placeholder text after pressing first key in the text input. Firefox and Opera remove placeholder text immediately after focusing the text input. Which approach is better ...
11
votes
2answers
323 views

Input Field Widths

I just created my account on ux.stackexchange.com. I'm a developer and don't have much experience in UX best practices. So I intend to start coming to this site regularly. My question is really ...
4
votes
2answers
156 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
2answers
351 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 ...
11
votes
9answers
982 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 ...
8
votes
5answers
308 views

Best way to add an amount multiplier

I'm working on a financial web-application, and in some pages, the user has to fill an amount. We are dealing here with large amounts, and they are generally thousands or millions of $ / €. In ...
0
votes
3answers
242 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
116 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
2answers
217 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 ...
3
votes
3answers
148 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
168 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
4answers
321 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
265 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
92 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
126 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 ...
0
votes
2answers
187 views

Disappearing input field placeholder aesthetics for web apps

Background Users may provide various categorized input entries (e.g., danger, warning, avoid, and relax), such as those in the following image (e.g., "Relax #1", "Avoid #1", etc.): Problem When ...
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 ...
17
votes
6answers
5k 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 ...
2
votes
3answers
292 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
3answers
595 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 ...
5
votes
2answers
230 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 ...
4
votes
1answer
606 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 ...
7
votes
2answers
236 views

List autocomplete delete/edit behaviour

I am not sure what these widgets are called, but they are the ones used to assigned tags to questions on SE and appear in webmail apps such as GMail and Hotmail as well: If someone could chime in ...
40
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
252 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 ...
2
votes
3answers
195 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 ...