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

3
votes
3answers
74 views

What's an alternative pattern for a dropdown with between 150 to 215 characters per option?

In my screen I have 3 sections, and on each section I have different elements to take input from the user. In one of the section I have a dropdown menu to select a predefined option. The options are ...
19
votes
7answers
2k views

Disable or hide input fields?

I have three radio buttons and text input fields, but the user is only supposed to be able to use the input fields if the radio button is checked. What would be the best approach? To hide the input ...
2
votes
1answer
40 views

PDF: What text color should I use for entered information?

I have several PDF documents that I'm working on that are digitally signed. They include both sigantures and text. I've recently noticed IRS documents that are now using "blue" text for entered ...
1
vote
2answers
48 views

Allowing the user to add input fields

I have a form where the user can input as many usernames as they'd like. I've decided to show the form with 3 inputs initially, to encourage the user to input more than one username. When the ...
0
votes
1answer
26 views

Comprehensive sketch file for Material Design Keyboards?

I have searched high and low and cannot find a comprehensive .sketch file (or any typeof file) containing all english language android keyboards with all possible states for a variety of device ...
1
vote
2answers
28 views

Display time interval field

I am working on some forms which have certain fields inside. One of these fields is a time period for a notification function: Before/After a certain date, user should be notified every 3 days for ...
3
votes
2answers
99 views

How to record multiple goals in score-keeping app?

The image below shows an application for creating football (soccer) match reports, specifically the section for recording the goals scored. Note: This UI is for recording scores after the game, not ...
0
votes
1answer
44 views

Select from drop down list or enter a new one - Designing

I am developing a website that allows users to create line-ups for sport matches. I want to help users to save a line-up for a particular team for the next match too by saving them to the user's ...
8
votes
2answers
415 views

Do users like icons on an input field?

Icons on input field Input field without icons Do icons really matter on an input field? Do they encourage users signing up?
1
vote
3answers
82 views

Should a 3-field <select> date input use fieldset for grouping?

I am trying to do the best for usability and accessibility I use fieldset to group input radio-button and checkbox elements. When I have a date input that is actually 3 select dropdown fields, one ...
3
votes
1answer
31 views

Paste address into relevant contact fields

I'm looking for an intuitive UI interaction that allows both: entering contact information as the following fields: First Name Last Name E-Mail Address Phone Number pasting multiple or all of ...
0
votes
1answer
42 views

Designing date inputs that can also be null

I am developing an application in which administrators can report absence for people. Absence can be planned absence, like a week of conference or so, this would be entered with a period. Eg. two date ...
2
votes
3answers
66 views

How can I summarize the contents of a mathematical matrix in a single text field?

Here's a question that pertains to UI design, but for an application geared at a more technical audience. In my application, users can assign an object properties of several types. These types ...
3
votes
3answers
91 views

Should I use a modal prompt/dialog for user input?

For an application for a teacher, who has to enter marks obtained in the class test for 60 students; what is the best way to get input from them to ensure accuracy, speed and convenience? My ...
36
votes
3answers
3k views

What do you call this input element where a focus will automatically be transferred to next text field after being filled?

I have seen this input element often when inputting a serial number or similar code. Each text field accepts N characters, after which focus is automatically transferred to the next field. Pressing ...
0
votes
4answers
128 views

Which is better to disable, the confirm e-mail field or the sign up button?

Background I'm working on an application where users have to use a specific email domain to sign up (Either @a.com or @b.com. Anything else gets rejected). In order to prevent my users from going ...
0
votes
3answers
120 views

When a text field should have Clear button?

I'm talking about little cross appearing inside text field after typing a text, espessially for search fields in desktop interfaces. But any considerations about general text fields on any platforms ...
2
votes
1answer
64 views

Accessibility of in-field labels and help text labels in input forms

Many newer UI interfaces have a preference for input field labels or help texts to be contained within the UI component itself instead of implementing them as separate labels. I was wondering if ...
14
votes
6answers
1k views

Using asterisk (*) vs required [duplicate]

For a long time, the norm was to put a red asterisk "*" after the field label if the field was required. Now I am observing a shift into replacing the asterisk symbol with the word "(required)" after ...
1
vote
2answers
62 views

Custom app theme colors - include text inputs?

Let's say I have a messaging app, where multiple users can post messages to a common discussion board. Each message on the board contains the user's name and the user's comment. The color for the ...
2
votes
2answers
76 views

Representing times from yesterday in a time picker

I'm working on some UI where you are able to select a time range for each day using dropdown time pickers. The thing is that it is valid to select a time from yesterday or tomorrow. For example, for ...
0
votes
1answer
87 views

best ux for users to input multiple strings

I have a web form where in users may input a list of names similar to: Mike, Joe, Ann, Sam The UI should allow for simple edits. This data will be saved and displayed on another page for ...
4
votes
3answers
144 views

Best design for a list with 8 fields for numeric input in a same row

I'm designing a web application where a user needs to add more then 15 football players in a list. For each player user needs to enter values in 8 different fields in each row. It is usually about 50% ...
1
vote
2answers
124 views

I have a form with 4 radio buttons that change a part of the form. What is the best way to handle it?

Is a site for a boosting service for a videogame. http://i.imgur.com/jivOBmf.png (Please ignore the spelling) Depending what option is selected (type of boost) the form will change a little. All the ...
1
vote
2answers
110 views

What's the best way to have an auto-complete textbox with a filter

So basically, what I'm trying to do here is create an auto-complete text field. However, from the list of options, there are a number of them we're trying to push for and because of this, we'd like ...
3
votes
3answers
128 views

How to inform the user a textfield has both a character and a line limit?

I have a dialog that puts a comment in a small textbox on a PDF export. The textbox has room for 10 lines of 100 characters (1000 characters maximum). The field currently looks like this: I have a ...
0
votes
1answer
38 views

What are good reasons (if any) for intentionally breaking the affordances of an input field? [closed]

I'm looking at a rather complex set of forms where for some reason there are bits of information that have been overridden to display as input fields that the user can never input (e.g. the file size ...
1
vote
0answers
13 views

Asterisk required field [duplicate]

I want to ask you if it is ok to use an asterisk to mark a required field on a form. I need to find some pro and con reasons for using asterisks on required fields and witch are the alternatives for ...
4
votes
2answers
113 views

How can I improve the UI of groups of nested inputs?

The user is assigning products to a location in a hierarchy in a website. There is potential for multiple locations in multiple hierarchies in multiple websites. User journey: Select website ...
2
votes
3answers
90 views

Restrict input to numbers only

I wonder if this is a good idea to restrict input to numbers only (and related symbols like +-.e and so on) when you need user to input number? Seems like it's clear solution, but may be user will be ...
1
vote
1answer
78 views

Should I combine two values for a single slider?

I'm designing a loan calculator, which based on the loan you request (separate input not shown on the images), allows you to explore your options of monthly paybacks, and the period during which you ...
26
votes
7answers
3k views

Is there a recommended size for search boxes?

Do users change their search patterns if the search is shorter? Do users search less if the search box is too large? The only article I'd found is a 2009 Smashing Magazine article: The [Nielsen] ...
3
votes
5answers
333 views

How do you deal with long labels using material design text fields?

I need to convert a form to material design guidelines but I don't think MD has considered how to deal with long labels on narrow forms. As you can see in my example I have 3 pairs of dropdowns that ...
1
vote
2answers
86 views

Is there a best way to ask the user for tenure?

I have a form related to Loan emi calculator in my application where users are required to input the loan tenure in years and months. For now I have implemented two spinners each for year and month ...
1
vote
2answers
80 views

Dropdown chooser that contains both a list of options AND an input box

I have to offer a list of options e.g. Small, Large, XLarge, etc plus the ability to input a dynamic value e.g. a number. I thought about a split input box where the left side is editable and there ...
17
votes
4answers
1k views

How wide should input fields be?

I'm trying to find a good default width for money input in my forms. If I assume that the amount people will put in is under 1 billion Euro, the width of the value, including decimal places and ...
6
votes
3answers
384 views

What's the best way to show form labels that are longer than the corresponding fields (which require a short input)?

I'm having trouble with labeling of short input fields. Some labels have standard 280px width approximately, but others are quite small in order to offer clues on the expected input (characters). ...
0
votes
3answers
127 views

Best way to design a compact form intended for value calculations and entering lots of data?

I'm working on a very large form, which is an adaptation of an excel file my client was using. I need to find a way to group elements, align the fields, and manage several input types, keeping the ...
0
votes
2answers
142 views

Why some websites ask for postal code even if it is not relevant?

Quite often I see websites have postal code field input field even when the website or its input form has nothing to do with postal services. Here is one example (After entering email it will expand ...
1
vote
3answers
103 views

Date of Birth Validation: Minimum & Maximum Year of Birth

I am working on an app which asks for date of birth of users during signup process. The app can be used by users of all ages. Having said that, I think there must be some validation in place. In my ...
7
votes
3answers
381 views

What is the best way to display nullable bool value as UI component?

There are common pattern for nullable (three state) bool checkbox But in real life, if user see only indeterminate (null) state and don't see checked (false) it often confusing that indeterminate is ...
2
votes
1answer
53 views

When should input fields be cleared in modals, if at all?

I have an invoice page with a button to make a payment. The payment button triggers a series of modals for collecting user payment info (credit card/check details, billing details, payment ...
5
votes
3answers
230 views

Minimum length of characters for an autocomplete search input

I'm in the process of creating an a search input for restaurants with autocomplete. I was wondering if it would be best for me to require a minimum amount of characters before returning suggested ...
2
votes
2answers
197 views

What are the best practices for representing a boolean field in a form?

We have an interface for creating a group. These groups can be set to private, which is represented in the database with a boolean. Private: true/false. What are the best practices for representing ...
1
vote
3answers
123 views

Interface to add content and multiple files

I have a modal to add Activities,so the user can add all content by typing it and/or select files to attach. See below: My problem is: Maybe the user just wanna type a very long description and the ...
20
votes
5answers
2k views

What is the best practice for password field placeholders?

It seems like the accepted best practice for email fields is to have a label and an example email address. Assuming you want a consistent style, the label will make it clear that it's a password ...
1
vote
3answers
317 views

Which date picker is better?

In my opinion this traditional dropdown menu date picker is easier to use: than this calendar-type, which is more prevalent these days: Reason is, if I want to enter a birth date or a date that ...
4
votes
4answers
623 views

Radio input appearance for mixed values

I'm looking for ideas on how to design radio buttons that have a second state that means "no change". So the user selects a few items, similar to how rectangular selection works in Windows Explorer ...
0
votes
1answer
65 views

Autofocus on mobile

The user is on a form only page. Does it makes sense to auto-focus the first field so that the keyboard automatically opens up. On the desktop it makes 100% sense, but I am not sure if I need to do ...
3
votes
1answer
83 views

Help designing non-mandatory but crucial fields for user input regarding allergy

I have a field that takes user input about allergies to various food etc. This field can not be made mandatory since not everyone is allergic, and therefore should not be forced to fill this field. ...