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
37 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 ...
  • 31
0 votes
1 answer
33 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 ...
  • 173
0 votes
1 answer
49 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 ...
  • 13
0 votes
0 answers
23 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 ...
  • 111
0 votes
0 answers
53 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
  • 1
1 vote
1 answer
69 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 ...
  • 111
1 vote
3 answers
1k 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 ...
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 ...
  • 433
3 votes
1 answer
286 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 ...
0 votes
1 answer
408 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 ...
4 votes
1 answer
317 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 ...
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 ...
  • 1,684
2 votes
1 answer
65 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 ...
  • 121
1 vote
1 answer
52 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 ...
  • 10.5k
0 votes
1 answer
218 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 ...
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 ...
2 votes
1 answer
136 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 ...
1 vote
1 answer
111 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 ...
  • 185
0 votes
0 answers
55 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 ...
1 vote
1 answer
83 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 ...
2 votes
2 answers
102 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 ...
  • 411
1 vote
1 answer
211 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-...
  • 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 ...
0 votes
2 answers
627 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? ...
0 votes
3 answers
275 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 ...
2 votes
1 answer
341 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 ...
  • 2,203
3 votes
6 answers
449 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 ...
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 ...
2 votes
2 answers
624 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 ...
  • 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
0 votes
1 answer
357 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?
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 ...
  • 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 ...
  • 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 ...
  • 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 ...
1 vote
1 answer
171 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 ...
  • 360
3 votes
1 answer
193 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 ...
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. ...
  • 179
2 votes
2 answers
147 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 ...
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 ...
3 votes
5 answers
371 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 ...
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? ...
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 ...
  • 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 ...
  • 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 ...
2 votes
1 answer
257 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, ...
  • 151
2 votes
1 answer
163 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 ...
4 votes
2 answers
493 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 ...
  • 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 ...
  • 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 ...