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
84 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 ...
3
votes
2answers
38 views

In a form, should full sentences or just “labels” be used to specify what information should go in each section?

It would seem to be common for labels to be used beside input fields instead of asking an explicit question, to convey what information the user should fill out a form with. Since this is common ...
0
votes
3answers
87 views

number input vs range slider

what are the advantages and disadvantages of range slider type input as compared with the classical number input? When it is better to use them?
1
vote
1answer
22 views

Address Form Inputs: Text vs Select/Dropdown (Dependent)

I know it's common to let the users type in their address, city, province, etc. I found this website (local one) that uses dropdowns. First it will ask your province Then the city/municipal ...
5
votes
2answers
219 views

Should tags be inside or outside the input field

So tagging inputs are pretty common but there are generally 2 different approaches I see for displaying the tags: The tags are below the input outside of the type-able space: The tags are ...
2
votes
4answers
69 views

Alternative for the escape key [numpad]?

NOTE: This is NOT a duplicate of Is there a logical alternative for the Escape key? as this is for the numpad. I am designing a web app which should look like a real app on mobile. To clear a field, ...
1
vote
2answers
123 views

Best Practice of radiobutton alternatives

Ok I need to add a new filter option to my page. The first option to choose are steps (6 steps in total) and the second one is the desired status of the steps (Success, Warning, Info, Error). You ...
49
votes
5answers
6k views

To clear (or not to clear) the search box?

We are having a discussion at the office today, about when to clear (or not to clear) a search box from its input. Is there a preferred approach, something that the user expects? Like emptying the ...
3
votes
2answers
42 views

User input cardinal point “Orientation”

I create a website for Solar Power. The user can choose the position orientation and inclination of his solar power plant and then receive an estimate of the possible energy production. Do you know ...
1
vote
3answers
94 views

How to show allowed characters in URL

I have an input textbox, where I take user's URL for callback. I have allowed only certain characters in URL for security purpose. I want to tell use about these allowed characters, but I am not ...
3
votes
2answers
213 views

What's the meaning of a disabled form field?

I'm working on a desktop UI that uses a lot of form elements like input fields, spinners, radio buttons etc. to fill out what is basically one big form. This form has a lifecycle with different check ...
3
votes
1answer
74 views

Best practices for collecting employment wage history

I am developing an application that tracks a person's employment, wages, and how they change while within a program the person has enrolled in. This also means there are three types of jobs: Jobs ...
2
votes
3answers
59 views

Does anyone know of any examples of the use of character counter on an input field?

I am working on a project that allows users to edit objects named by clicking on it using something similar to the HTML 5 Content-editable attribute. Update: The character limit is 30 not three. ...
2
votes
1answer
256 views

Form Label - disabled or enabled?

What is the best practice when it comes to a form having disabled fields? Should we show the associated labels disabled as well? 1) If labels are also disabled then it'll give a stronger clue to the ...
3
votes
1answer
65 views

Compact checkbox inputs

How is this in terms of usability? It's maybe not obvious you can switch those elements, is it still an intuitive way to represent a checkbox input?
4
votes
1answer
118 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 ...
4
votes
1answer
168 views

What is the best way to categorize or represent a list of top-level domains (TLDs)?

Background This is a problem I see routinely "solved" in different ways but have yet to see it solved well anywhere, so I'm appealing to the community for a best practice (or what others have found ...
1
vote
2answers
57 views

Design for selection options

I have a list of items in a select list with options. This list exists out of 3 options: 'None', 'Every x days' and 'Every month'. It's used to specify if a schedule has to be repeated and how many ...
0
votes
1answer
43 views

How to make wide form into small group

I'm new on this company and they assigned me to redesign existing web app UI. First is the basic info page. Also they are going more on material design. This is the new design. Let me know if I'm ...
4
votes
3answers
100 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 ...
21
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 ...
3
votes
3answers
112 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 ...
2
votes
1answer
43 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 ...
2
votes
3answers
73 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 ...
1
vote
2answers
59 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 user ...
0
votes
1answer
44 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 ...
8
votes
2answers
443 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
2answers
39 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
115 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
59 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 ...
7
votes
2answers
289 views

Ship Date and Delivery Date Picking with Blackout Days?

Lets say that a user is entering a ship date and a delivery date for a customer order. The customer wants it delivered on a particular day. The customer has blackout days such as weekends and ...
2
votes
3answers
93 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
34 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
46 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 ...
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 ...
1
vote
3answers
183 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 ...
0
votes
4answers
160 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
1answer
131 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 ...
0
votes
3answers
187 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 ...
14
votes
6answers
2k 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
3answers
128 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 ...
4
votes
2answers
135 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
2answers
79 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 ...
4
votes
3answers
181 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
130 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
125 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
131 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 ...
1
vote
1answer
43 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
14 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 ...
2
votes
3answers
108 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 ...