Skip to main content
OverflowAI is here! AI power for your Stack Overflow for Teams knowledge community. Learn more

Questions tagged [textbox]

A text box, text field or text entry box is a graphical control element intended to enable the user to input text information to be used by the program. Human Interface Guidelines recommend a single-line text box when only one line of input is required, and a multi-line text box only if more than one line of input may be required. Non-editable text boxes can serve the purpose of simply displaying text.

Filter by
Sorted by
Tagged with
0 votes
1 answer
333 views

Text box max character limit best practice

What is the best way to handle max character limit on a text input? Say the text box has a limit of 100 characters, should the user be allowed to input more than 100 characters or should the limit be ...
kanpeki's user avatar
  • 101
1 vote
1 answer
116 views

Dealing with whitespace in text areas with a minimum character count

We have a form with a text area where a user must enter a minimum number of characters, say, 50 characters. We also have a character count that counts upwards as the user types. The problem is that a ...
noblerare's user avatar
  • 113
0 votes
2 answers
293 views

Should I prevent users from passing max values or display errors when they do this?

I have several text fields that have max value, I want to provide good UX when the user enters the values. Let's take an example of the percent field which accepts digit values between 0 and 100. My ...
Menai Ala Eddine - Aladdin's user avatar
0 votes
2 answers
81 views

How best to present an option to type in text OR choose from a preexisting long list

I have a use case on mobile in which a user can type in a label for a group of items. Certain labels will be very common. The list of common labels is quite long. Finally, not all users will initially ...
Paul's user avatar
  • 103
0 votes
1 answer
69 views

Expandable textbox as the main component on the screen

I have a screen that its main component is a text box. Users add the text by pasting it in the text box and then click on the button, which results with an image generated in the screen. it is the ...
mayag's user avatar
  • 31
0 votes
1 answer
40 views

Text-styling box - is there a better name for it?

I designed this UI element. When you want to add a message in a system, platform, product...And you get these options on how to format your text, insert an image, create a hyperlink, etc. So now I ...
Rosebud's user avatar
  • 332
0 votes
1 answer
61 views

What is the best text option for warning messages?

I want to make three alerts for the platform that I work, when a user uploads. One: Success Error: Alert: Since my alert space is small and my PO wants large text. I had thought of it this way: file ...
Sérgio's user avatar
  • 13
1 vote
1 answer
92 views

How do I make a split input that is regex friendly?

I have a web application that requires the user to enter text that is used to split another string. While I want it to be regex-friendly, I don't want it to confuse new users. For example, if the user ...
Shivam's user avatar
  • 111
1 vote
3 answers
4k views

Enable save button only when value different, or when input is dirty?

I see that a lot of frameworks for form validation have "is dirty" state check which tells if the user has ever modified input value. But I don't see options that compare the original and ...
Maxim Mazurok's user avatar
11 votes
3 answers
2k views

Textbox with an unknown value

I have a textbox where the user can enter a number. In the past, an empty value would indicate that they didn't know the value. Now, the client wants to add an extra step where the user needs to ...
the_lotus's user avatar
  • 433
3 votes
1 answer
595 views

Multi-Line Text Box vs Single Line Text Box

We have a 'Notes' section in several of our webpages that is currently only displayed as a single line text box. We tend to get short responses (5-7 words) describing what they need. This almost ...
KlavierKatze's user avatar
0 votes
1 answer
2k views

Accessibly of input field's frames

When I look around, I see many websites, apps, and forms consist of text-fields that have a grayish frame. Do text fields have any accessibility rules when it comes to frame's contrast? Is it ok to ...
Uzi Cohen's user avatar
4 votes
1 answer
700 views

What is the best way to clear text inside a text box?

Usually When using expandable text boxes there isn't a way to clear them unless having a reset button underneath which won't work very well when displaying information in a grid. What do you think is ...
Ned Bayne-Powell's user avatar
1 vote
1 answer
57 views

Is there a specification for OS-default mouse and keyboard text navigation and selection behavior?

On desktop platforms, each OS has a (relatively similar) set of behavior for text input navigation and selection. Some simple things include moving the cursor left, right, up, and down when tapping ...
Keavon's user avatar
  • 1,704
2 votes
1 answer
66 views

Why can't you reduce a selection from the beginning after selecting everything in a text input field?

I've noticed that when you select all (using ctrl+a, or some other method) you can only reduce the selection from the end. ie: by holding shift and pressing left you can reduce the selection from the ...
nathnolt's user avatar
  • 121
1 vote
1 answer
77 views

Handling too long pre-fill text on text boxes

I'm designing a form for multiple languages on mobile. in english the prefill text is not too long, but when the translations e.g. russian, what's the best way to handle when it ends up being longer ...
Blue Ocean's user avatar
  • 10.7k
0 votes
1 answer
715 views

How to decide a text box length based on the text size? [closed]

If I have a fixed text width, let's say 35 characters, I know the font and font size, Arial Regular 13, how can I calculate the size of the text box required to fit in the text? Is there a formula or ...
Alok Agashe's user avatar
1 vote
4 answers
81 views

Currency text input - currency changes based on the date

I'm designing an inflation calculator. It's for a country that had three different currencies in the past 70 years. That means if you set a specific date, the entered value would be accepted in the ...
user3431336's user avatar
2 votes
1 answer
882 views

Size of text fields in a form

I know that the size of text fields should be based on the expected which user will type but what if in web there are dropdowns (which are along with text field in a form) requires more space and ...
vaibhav Kothari's user avatar
1 vote
1 answer
182 views

Overflowing content in textarea - default scrollbar or dynamically increase height?

When a textarea has overflowing content, should we keep its default behaviour, meaning it will have a scrollbar on the right, or should the height dynamically increase? Which one do you think is a ...
K. P.'s user avatar
  • 185
1 vote
1 answer
231 views

How to present a character counter for a byte restricted text input?

I have a text input which restricts input of characters when a certain byte limit has been met. I want to indicate this using a character counter which increases or fills up (in case of a progress bar ...
TheLinuxEvangelist's user avatar
2 votes
2 answers
114 views

How to indicate that user needs to tab out of a field for search to trigger

I have added couple of text boxes to filter columns based on values and we trigger a search once the user enters a value and tabs out of the field. Sometimes the user presses the enter action to ...
Rpj's user avatar
  • 411
1 vote
1 answer
239 views

Is the full behaviour of textboxes documented anywhere?

PC games often have to build their own UI widgets (buttons, input textboxes, etc). Fortunately it's relatively trivial to write one's own textbox from scratch given only a 2D drawing API and user-...
Dai's user avatar
  • 907
0 votes
1 answer
38 views

How Would I Tell the User That I'm Accepting "MSDOS Wildcards"?

I have a text input in which I am accepting wildcards. Namely the * which matches any number of characters and the ? which matches exactly 1 character. Is there a name for this wildcard system, which ...
Jonathan Mee's user avatar
0 votes
2 answers
1k views

Truncating or not pasting a string when pasting it in a text field with max character shorter than string length?

what would be the best solution when trying to paste a string that is longer than the maximum allowed number of characters in a text field: Truncate the string in the clipboard or not pasting at all? ...
Víctor De los Santos's user avatar
0 votes
3 answers
303 views

Should have a cancel button when the action itself is to cancel

This is a dialogue box from an employee scheduling application. Here, the action to be performed is to Cancel the approved timesheet with a reason. "Request cancellation" button is for cancelling the ...
Ramnan Arumugam's user avatar
2 votes
1 answer
371 views

Office Fabric UI: How to present inline help next to Text Field? [closed]

The Office Fabric UI docs don't seem to specify how to present inline/contextual help alongside TextFields: add-ins/design/textfield E.g. is it smaller text below the field in some kind of container ...
agib's user avatar
  • 2,203
3 votes
6 answers
549 views

Fade right side of the text of a material design like input

I'm trying to improve my UI so the user understands that there is more text than what he sees on the screen. I had a couple of ideas: Fade right side of the input Place 3 dots if the text is longer ...
Hasan Gürsoy's user avatar
1 vote
1 answer
2k views

Indicating mandatory field without labels

I have multiple forms in my application. I have used minimalistic view where there are no explicit labels for fields. For example, check wireframe displayed below: Here First Name, Last Name, and ...
Aditya Durgude's user avatar
2 votes
2 answers
782 views

How to indicate in a text area there are more lines of text hidden?

We are talking about a dialog in a Windows desktop application. I have text areas that most of the time contain only one line of text, but may occasionally contain several lines. Due to limited space ...
tamasrell's user avatar
  • 123
15 votes
2 answers
3k views

Align text left or right Next to textBox?

I have a Label and a Textbox next to it. I am trying to find out which layout is the best for usability? Right-Aligned Labels Left-Alignment Labels
Mohamad Mahmoud Darwish's user avatar
0 votes
1 answer
562 views

Mixing squared textboxes and rounded buttons [duplicate]

Is it bad UX to make rounded button and squared text box, and which is the best to do?
Chen Ali's user avatar
2 votes
3 answers
182 views

Need help in deciding the layout of an interaction

I am currently designing a system where doctor needs to input a reason for every case(patient history). My current concern is the placement of the reason box. First time there will not be any data in ...
Kannan R's user avatar
  • 281
0 votes
1 answer
83 views

How to show big textblock?

I have a reporting tool where input filter has standard date from, date to, some checkboxes, but main input is a list of comma separated items (~1000). Now I don't want to make a huge textblock that ...
Zikato's user avatar
  • 123
9 votes
4 answers
1k views

How to create a custom textbox with a label and value

I am not a designer but I am dealing with a task to implement a functionality. I have to develop a working UI where a user can enter values into text-boxes inside a grid. While entering these values ...
Chetan's user avatar
  • 211
3 votes
7 answers
2k views

Type at least n characters before you can submit the form

This is not a duplicate of this question since that one is about searching. We have a simple form containing one text area and a submit button. download bmml source – Wireframes created with ...
Ilias Bennani's user avatar
1 vote
1 answer
197 views

What are all the interaction mechanics for text input boxes?

Modern operating systems appear to have fairly standard and consistent behaviour for interacting with text input boxes in various ways. For example: Pressing Home or Alt+LeftArrow will move the ...
Bryce's user avatar
  • 360
3 votes
1 answer
196 views

What's the best way to tell a user that the field is a textbox?

The situation: I have to tell the user that those fields are actually a textbox and they have to enter something in that, the one before the red square (amount) is readonly and can't be changed. I ...
Mattia Pettenuzzo's user avatar
2 votes
3 answers
2k views

What should be the UX for ellipsis on a text in list mode?

In a list mode, I have a description column. Each record can contain a lot of text for this description field. Even if it is considered secondary information by the user, I still need to display it. ...
Didier's user avatar
  • 179
2 votes
2 answers
150 views

Lots of buttons with user input if none are applicable

I am creating a quiz and one of the questions needs to have a list of options for the user to select one. But also, if the answer is not in the options, I need to allow the user the write the answer ...
user2424495's user avatar
0 votes
2 answers
2k views

Textarea height

I need to use a textarea and it must not be resizable, is there an standard of how many lines it could have or maximum size of it? Remember that I just want to make confortable the reading and ...
fba_pereira's user avatar
3 votes
5 answers
694 views

Should customer support requests have a character limit?

I'm building a simple customer support request / support ticket form, and I think that it might make sense to enforce a character limit. Long-winded requests can sometimes be difficult to fill. A ...
Betsy Dupuis's user avatar
6 votes
7 answers
4k views

Is it good UX to right align numerical data in a text field when editing?

I understand it's a necessity when it comes to viewing data in a table or a list that numeric values should be righ aligned. but when it comes to editing the values in a text field, should it be same? ...
thusithak's user avatar
0 votes
1 answer
216 views

Multiple data entry for a form field

I am creating a form that contains, among its different search criteria fields, a textbox where users can specify none, one or more phone numbers. Initially users could only specify one or no phone ...
Anto's user avatar
  • 101
57 votes
9 answers
16k views

Is there a UX pattern for "drop-down preferred but free text allowed"?

Trying to design a user interface screen for a part of the system where users will be able to select companies from a drop-down. The drop-down list is potentially very long. However, if the company is ...
Bob Tway's user avatar
  • 1,547
1 vote
1 answer
72 views

Variable highlighting in formulas

I have an application in which there is a filter bar. These filters are clickable labels. After clicking one, this label becomes a editable. Recently, we added functionality to use variable names in ...
Rob Audenaerde's user avatar
2 votes
1 answer
276 views

Select with accompanied textarea alternative

Problem: I have a requirement for a predefined list of text that can range from 100 to 400+ chars. This list should be shown to the user in some fashion and then, once one of the items is selected, ...
O'Mutt's user avatar
  • 151
2 votes
1 answer
172 views

Autocomplete only specific words within a Freetext Box capturing a paragraph of text

I have a use-case where the user (a nurse) has to enter case-notes which is a paragraph of free-format text in a box. But to speed things up, auto-complete is proposed to be offered for certain ...
curious_cat's user avatar
4 votes
2 answers
660 views

Providing a user with the option of a drop down or a custom entry textbox on a web form?

On a web form I'm currently working on there are several places where there is a drop down of common entries, and a text-box below which a user can enter a custom entry type. I'm at a loss as to how ...
Allenph's user avatar
  • 313
3 votes
2 answers
4k views

Is it better to label input fields, watermark them, or both? [duplicate]

When building forms, you need to effectively communicate with the user what information should be placed inside of the text boxes. I've seen a combination of watermarks in text boxes and labels for ...
Ben's user avatar
  • 266