Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [forms]

Forms are generally used to retrieve different types of qualitative and quantitative data from user input through controls such as text fields, radio buttons, checkboxes, sliders, buttons, or any type of custom control used to collect data input. Form- and field-level validation, error and status messaging, and issues around contextual help within forms may also fall into this category

-2
votes
0answers
31 views

How to separate multiple fields by hyphen under a single field label in gravity forms

How do I create exactly the one shown on the picture using gravity forms? The html code will be appreciated too.
0
votes
1answer
49 views

Name for a control with a dropdown, text boxes, and a list

I'm creating a control with a dropdown, text boxes, and a list; it's going to look somewhat like this: The text boxes are fixed (no matter what is selected, it would always be the same text boxes). ...
1
vote
4answers
113 views

Designing a mandatory input field with options

Are there any guidelines on how to present a mandatory input field which can either take in user input or be generated for the user? (Example - A mandatory promo code field which can both take in ...
2
votes
1answer
75 views

How to use input fields that automatically get a value while filling in the form?

Imagine we have an inventory management system. It contains a form where the user can fill in a placed order. The order has some properties like: Date Supplier User who ordered it Total price VAT (...
0
votes
0answers
31 views

Building multiple embedded lists

Hope you can help. My team is developing an internal form building tool that simplifies the creation of complex HTML forms by providing pre-made sections and standard form fields that can be combined ...
0
votes
1answer
52 views

Too large space for input fields

I'm struggling with a form (in Bootstrap 4) which takes the whole (fixed) container width, there is nothing else displayed on the screen. It looks okay-ish on smaller screens, but on large ones it's ...
1
vote
2answers
56 views

What should happen when the user edits the expiration date for a credit card?

The UX for entering the month and year of a credit card expiration date can be tricky. I tried a few services (Netflix, Lyft, Uber) and found they were all buggy. Amazon avoids this by using drop-down ...
1
vote
1answer
60 views

Is having a “Contact us” form in the footer of every page on a website considered good ux?

Inside a footer which appears to be constant everywhere on the website, is it best practice to give this option on every single page or should it be ignored on some?
1
vote
1answer
82 views

Why do some sites block paste on forms?

I've noticed (as I'm sure we all have) several sites which block copy and paste. Many questions and answers on ux.SE seem to focus on a client wanting to protect their content, but I'm specifically ...
4
votes
2answers
113 views

User friendly error message for invisible reCAPTCHA

Lately we've been using invisible reCAPTCHA, and more recently reCAPTCHA v3. Both are hidden and don't require the user to enter a code or tick a box to confirm they are human. So when there is an ...
1
vote
1answer
88 views

Users cannot find the way to key in information during registration

Many users cannot find the way to key in information during registration. With a tracking script, we can see that users just click other places of page rather than the labels or fields of the form to ...
1
vote
2answers
72 views

Studies on Password Double Entry per registration

Are there any recent usability / UX and conversion studies how double entry of passwords while registration a user account in ecommerce shops slows down conversion rate? We try to ged rid of entering ...
0
votes
1answer
85 views

Material Design: Should you use “Selection Controls” and “Text Fields” simultaneously

I know there are always exceptions to a design system. But as a general rule, should you avoid mixing Selection Control and Text Field components? I tend to think Selection Controls belong more in ...
0
votes
1answer
42 views

Template based text with variable values

I am working on a personal project which in short helps self-employed individuals. One of the key features I'm working on is contract creation. The audience I am targeting will most of the time use ...
3
votes
1answer
103 views

Read-only fields in Material Design

I am wondering how to style the fields in a form for users that have read-only access. As per the Material Design guidelines, read-only fields should have a help text stating they are read-only. ...
0
votes
0answers
27 views

Save field on enter press (Textarea, input of text) -what is the best approach

I'm building an application where I have a shopping list which have name and description. The name field is an input field, type of text and description is a text area. Currently, we manage to ...
1
vote
1answer
82 views

Dynamic Form Fields, add remove button UX [closed]

Is it good design if in the below form, in which I require user input, the plus button gets disabled if there is no input yet? I prefer this rather than hiding it but are there any better alternatives ...
0
votes
1answer
51 views

How to handle form validations when the Cancel button can lead into an incorrect state?

I'm designing a set of screens where the user inputs certain data on Screen #1, Screen #2, Screen #3, etc. At the end of their journey they're presented with a final review screen, where the user can ...
0
votes
1answer
61 views

Asking users how they heard about us

When is the best time to ask the user the question, "How did you hear about us?" We haven't fully decided how to best phrase this question, but how do you bring this up contextually to a user? We'd ...
1
vote
2answers
62 views

Is it okay to save data only when user leaving screen?

I'm designing an app that controls a connected object. In one of the screens of the app, the user can activate or disable a nightlight and set the hours of lightning (e.g. 8pm - 7am). In the first ...
4
votes
3answers
78 views

Should you show current state or the state it's about to change to for password visibility? [duplicate]

I'm exploring the idea of adding a hide/show icons for password visibility. I understand we can just use the words "hide" and "show", but if we were to use icons, should its current state be shown ...
21
votes
6answers
6k views

What is the most common color to indicate the input-field is disabled?

as I have been going through different references on input-field designs, I realized that people tend to flip-flop with grey or white background to indicate whether the input-field is enabled or ...
2
votes
1answer
98 views

Asking coordinates in a form

I have a form with geolocation with google maps. Users can input their location through a map modal with a click or through an autocomplete input. Problem is google is not omnipresent and some ...
0
votes
1answer
35 views

Should a Complete List of International Dialing Codes Be Provided or Only A Subset?

I am designing a form which prompts the user for their mobile number. The platform is global and therefore the form should be able to accept any mobile number from any country. Looking at this ...
5
votes
1answer
184 views

How to best improve information density for long, complex forms?

How to layout long, complex forms such that the largest possible number of fields is visible on the page, but legibility is maintained? I am re-designing an enterprise web app where there are a total ...
1
vote
2answers
35 views

Accessibility Guidelines for saving changes to boolean controls in a web app

We currently have some settings pages in a web app where there is a list of controls with checkboxes, so you can enable/disable certain features. We also have a save option below these that is ...
0
votes
1answer
61 views

How to place two controls in a good way

I have no advanced UX experience and need some help in placing one input and one button on a whole screen. Is there any way to do it pretty? There will not be any other controls on that screen.
1
vote
2answers
99 views

How to convey the user that some of the form fields cannot be changed later?

I have a form wizard some input fields. On the first step of the wizard, there are 2 checkboxes which once the form has been submitted, cannot be edited. All other fields can be edited later on if the ...
0
votes
1answer
103 views

What is best practice for large amounts of options in an HTML form?

I inherited an old web app, which includes an HTML form. This form has a large list of checkboxes for a yes/no on selecting counties to receive updates about. Obviously this is not best practice, ...
0
votes
1answer
83 views

How can I show a document preview alongside a form in a responsive way?

My registration form requires the user to input Information A and Information B , which are printed on documents only they have access to. Since I have to make the form responsive for all kinds of ...
0
votes
1answer
42 views

Twofactor fields, email code + authenticator code. One page or two pages for input?

I have a user action that requires both a mobile authenticator 2fa code, and also a copy-paste from an email (a code). I'm trying to determine whether it would be best to have a single dialog view ...
0
votes
1answer
74 views

Prevent users from entering honorifics (Mr. / Mrs. / Ms.) in the First Name field

We have a high-throughput User Info intake form that get thousands of submissions everyday. The form, among other fields, has fields for First Name and Last Name. The form text is translated to the ...
0
votes
1answer
64 views

Accept either a day, a month or a year from the user

On my website, users can provide a source to a blog post. This source is dated. I'd like my users to provide either, a day (format is dd/mm/yyyy), a month (format is mm/yyyy), a year (format could be ...
0
votes
1answer
25 views

Making a form with excluding fields to search for flights (iOS app)

I am currently facing a UX situation which I'm not sure how to solve. I have a place on my app where I can search for flights inputting either the Airline, Departure and Destination airports, or the ...
0
votes
2answers
162 views

What do you think of Copper's name field solution?

I am have been searching across several CRMs and I have not come across anyone who does the single name field as Copper does. I think it is brilliant and it can solve a situation in a design I am ...
1
vote
3answers
88 views

Better user experience when asked to input frequency of periodic event

So I am working on a form and one of the inputs have proved in user-testing to be somewhat problematic: We want to save the frequency of a periodic event, the event is how often a report is to be ...
47
votes
9answers
11k views

Why do Radio Buttons not fill the entire outer circle?

My question is simple: Why do most radio buttons not fill their entire outer circle? Example of standard radio button: (Unusual) Example of an entirely filled radio button: Is this for some ...
4
votes
4answers
143 views

What's the best way to ask for user feedback about a specific element/section in a website?

I'm working a feedback form for a clinical platform which is used by health care providers (mainly doctors). The website has a patient dashboard where the doctor can see the patients clinical record ...
0
votes
1answer
60 views

I am developing a food applcation for hungry and needy people please suggest me name for application [closed]

Please suggest me names that shows application is for hungry people food.
2
votes
1answer
48 views

What would be the best way to organize a form development tool that has questions that can optionally be grouped by categories and subcategories?

I am building a form design tool for some clients to use when filling out some surveys. The form can be populated with questions which map to varying form elements (Text, Select, Checkboxes, etc) - ...
0
votes
1answer
93 views

What is the best form element for multiple number inputs? (Days, Hours, Minutes)

The user will input the Days / Hours / Minutes. Should it be 3 sliders, or 3 input fields, or something else? The design is on on desktop and tablet.
1
vote
2answers
117 views

Where to place asterisk for required fields when the user is scanning for required fields in big forms

I'm working on a form with about 30 input fields as part of a medical application. It allows the user to register patient data. 8 out of 30 fields are required, so our users are literally trying to ...
100
votes
13answers
22k views

What is better: yes / no radio, or simple checkbox?

In a very big form on my company's website, there's this tendency to use Yes / No radio buttons combination. I can think of one argument of not using it, but it is not UX related: we need to ...
1
vote
0answers
45 views

Should textbox labels be above or to the side of the textbox? [duplicate]

At a former employer, the interface guidelines strongly insisted that the labels for form elements are always above the element citing that It's more natural to follow It's easier to translate since ...
1
vote
1answer
55 views

Form fields prefilled with default values

I am designing a form where users are asked to create an administrator for their website. These following 3 fields are not obligatory to fill: email username password If the user fills them, they ...
-1
votes
2answers
111 views

Should I use one form or Two?

I have two forms (below) one is a trip calculator and one a spending money calculator which are very overwhelming due to the amount of events users can calculate. There is a spending money radio on ...
3
votes
2answers
178 views

Best UX to Indicate To User That They Can Submit Multiple Times

I have a basic form template as follows: The user enters data and then saves the data. The user potentially has a number of these submissions to make. What is the best way to indicate to the user ...
1
vote
1answer
63 views

Screen with multiple list crud

I have a screen with CRUDs For example I will register a department and identify all job positions, equipment and employees Solution A: Display everything on a scrollable page Solution B: Display ...
1
vote
1answer
64 views

Workflow/design pattern for allowing user to add multiple fields

Context: I have a page where a user can select from multiple input sources. Within the selected source(s), they can define multiple source links. Problem The way I have currently structured it is ...
0
votes
1answer
154 views

Is Google using the password show/hide toggle icon on their login form correctly? [duplicate]

Shouldn’t the icon be the action that will happen after you click/press on it? ...similar to when a video or song is playing, the icon showing is “Pause” (future state), and when it is paused, the “...