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
25 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 ...
user avatar
  • 173
0 votes
1 answer
48 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 ...
user avatar
0 votes
0 answers
22 views

Insert text after search via Button into a text field

I have an input field in which the user can edit text and copy'n-paste. The text field is in the middle of the screen. On the right side I have a search area. If the user found something he can insert ...
user avatar
  • 111
0 votes
0 answers
29 views

Can I use an Infield Top-aligned label text field for a mobile number?

Is it appropriate to use an Infield Top-aligned (IFTA) label text field for mobile numbers where the country code can be changed
user avatar
  • 1
1 vote
1 answer
66 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 ...
user avatar
  • 111
1 vote
3 answers
590 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 ...
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 ...
user avatar
  • 433
3 votes
1 answer
222 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 ...
user avatar
0 votes
1 answer
186 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 ...
user avatar
4 votes
1 answer
244 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 ...
user avatar
1 vote
1 answer
45 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 ...
user avatar
  • 1,684
2 votes
1 answer
64 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 ...
user avatar
1 vote
1 answer
51 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 ...
user avatar
  • 10.5k
0 votes
1 answer
118 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 ...
user avatar
1 vote
4 answers
73 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 ...
user avatar
2 votes
1 answer
124 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 ...
user avatar
1 vote
1 answer
80 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 ...
user avatar
  • 185
0 votes
0 answers
53 views

Text input with links without using markdown-like conventions?

How to make a usable and understandable solution to provide (non-webmaster) user with the way to input text with one or more hyperlinks in it? Markdown-like solutions, which require the user to follow ...
user avatar
1 vote
1 answer
75 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 ...
user avatar
2 votes
2 answers
100 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 ...
user avatar
  • 411
1 vote
1 answer
207 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-...
user avatar
  • 887
0 votes
1 answer
36 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 ...
user avatar
0 votes
2 answers
561 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? ...
user avatar
0 votes
3 answers
272 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 ...
user avatar
2 votes
1 answer
333 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 ...
user avatar
  • 2,203
3 votes
6 answers
438 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 ...
user avatar
1 vote
1 answer
1k 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 ...
user avatar
2 votes
2 answers
617 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 ...
user avatar
  • 123
15 votes
2 answers
2k 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
user avatar
0 votes
1 answer
318 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?
user avatar
2 votes
3 answers
181 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 ...
user avatar
  • 271
0 votes
1 answer
80 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 ...
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 ...
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 ...
user avatar
1 vote
1 answer
165 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 ...
user avatar
  • 360
3 votes
1 answer
191 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 ...
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. ...
user avatar
  • 179
2 votes
2 answers
144 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 ...
user avatar
0 votes
2 answers
1k 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 ...
user avatar
3 votes
5 answers
331 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 ...
user avatar
6 votes
7 answers
3k 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? ...
user avatar
0 votes
1 answer
196 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 ...
user avatar
  • 101
54 votes
9 answers
14k 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 ...
user avatar
  • 1,507
1 vote
1 answer
69 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 ...
user avatar
2 votes
1 answer
252 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, ...
user avatar
  • 151
2 votes
1 answer
158 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 ...
user avatar
4 votes
2 answers
475 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 ...
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 ...
user avatar
  • 256
2 votes
1 answer
99 views

Proper control to select a fixed (text) value or numerical value

I want users to be able to choose to run a simulation that uses either the historical return on a stock or one where they select the numerical average return across the simulations. One way to do this ...
user avatar
0 votes
2 answers
620 views

Placement of components in a "Confirmation with a textarea" pop-up dialog box

I really have an aim to get better at UX-design. As a part of a new feature I have come up with the following dialog box which prompts the user if he/she is sure that they want to delete followed by a ...
user avatar
  • 135