Questions tagged [textinput]

For questions related to a single-line, text input. EG: ``, or a UITextField, or TextInput (Flash), or `` (RSS). ... Use textarea for multiline or WYSIWYG text controls.

Use the tag for questions related to a single-line, text input.
For example:

  1. <input type="text" ...>
  2. An Apple UITextField control
  3. A Flash TextInput control
  4. An RSS <textinput>

Use for multiline or WYSIWYG text controls.

References:

  1. <input> references: Mozilla MDN,   w3schools
  2. UITextField class reference (Apple IOS)
  3. TextInput class reference (Adobe Flash)
  4. RSS <textinput> reference


Note:
Hand purge the tag? (It currently has 18 questions as opposed to 347 for .)

1365 questions
29
votes
6 answers

Get all input fields inside div (without JS library)

What's the easiest way to get all input fields inside a div without using a javascript library like jQuery? Similar to this jQuery snippet: var inputs = $('#mydiv :input');
apparat
  • 1,930
  • 2
  • 21
  • 34
29
votes
10 answers

jQuery - on change input text

I am trying to make a function which will execute when the value of a text input field is changed. The value of the field changes when a table cell is clicked, not on keyup, nor paste. I tried it like this: $("#kat").change(function(){ …
Marko Cakic
  • 6,936
  • 9
  • 27
  • 34
27
votes
5 answers

How do you dynamically identify unknown delimiters in a data file?

I have three input data files. Each uses a different delimiter for the data contained therein. Data file one looks like this: apples | bananas | oranges | grapes data file two looks like this: quarter, dime, nickel, penny data file three looks like…
Greg Gauthier
  • 1,336
  • 1
  • 12
  • 25
27
votes
13 answers

Restricting input length and characters for Entry field in Xamarin.Forms

How can I restrict the length and characters entered in an Entry control in Xamarin.Forms. Do I need to create a custom control? Is there a way I can derive from Entry (or another control) so I can apply the necessary per-platform input…
Ken K
  • 799
  • 3
  • 9
  • 18
27
votes
7 answers

Caret position in pixels in an input type text (not a textarea)

UPDATE: duplicate of Get cursor or text position in pixels for input element. TL; DR - use the incredibly lightweight and robust textarea-caret-position Component library, which now supports as well. Demo at…
Zo72
  • 14,593
  • 17
  • 71
  • 103
26
votes
5 answers

how to setup Onpress On Textinput in react-native

I am developing an app on react native. I want to call a date picker when i press on a Text-Input and after selecting a date it should show on the Text-Input
Savad
  • 1,240
  • 3
  • 21
  • 50
25
votes
4 answers

react-native TextInput displays wrong when changing height on Android

I have a TextInput with the following style: amountInput: { flex: 1, backgroundColor: 'rgba(255, 255, 255, 0.1)', color: 'rgba(255, 255, 255, 0.9)', }, On iOS it correctly looks like it doesn't have enough padding: On Android is has enormous…
Dominic
  • 62,658
  • 20
  • 139
  • 163
25
votes
3 answers

Is it possible to style a text input to fill the width of it's parent?

I have had this issue for years and I've seen similar questions before, but none of them have addressed the fact that when setting width: 100% on an element - paddings, margins and borders will increase the width. Have a look at this Fiddle. The…
Hubro
  • 56,214
  • 69
  • 228
  • 381
24
votes
8 answers

Flex: Text Input that accepts number only

Need a code that only accepts numbers. Upon inputting, the code must check if it is number, if not, it must remove the entered key or not enter it at all
Treby
  • 1,328
  • 6
  • 18
  • 26
22
votes
9 answers

padding a text input in IE... possible?

I have a text input with a search buton absolute positioned over it... to make space for the button I used some padding to keep the text from going under the button, which is fine, it works in firefox, but not IE. In fact... It doesn't seem like…
Jiaaro
  • 74,485
  • 42
  • 169
  • 190
21
votes
1 answer

Implement @mention in TextInput

How can I implement @mention in react native's TextInput? I've tried this react-native-mention but it is not being maintained anymore. There are so many styling issues and callback issues. What I want is to display custom view inside TextInput.…
Sagar Chavada
  • 5,169
  • 7
  • 40
  • 67
20
votes
6 answers

How do I make a TextInput show the start of the entered text instead of the end in Android?

I have a TextInput in my react-native application. When I set the value prop and the value is longer than the length of the TextInput, it shows the text starting from the end and not the beginning. In iOS it works okay, it seems to be an Android…
Wellington
  • 383
  • 1
  • 4
  • 13
19
votes
9 answers

Css style problems on input in IE8

I have a problem getting the text in an input to show correct in Internet Explorer 8. Firefox, Safari and Chrome all show the same. Firefox, Safari and Chrome Internet Explorer 8
lejahmie
  • 17,938
  • 16
  • 54
  • 77
19
votes
8 answers

How to autofocus next TextInput on react-native

I'm trying to create a passcode protected screen. The screen will uses 4 numeric input as the passcode. The way I'm doing this is create a TextInput Component and call it 4 times in my main screen. The problem I'm having is the TextInputs will not…
J.Doe
  • 1,097
  • 1
  • 16
  • 34
17
votes
6 answers

Delphi InputBox for password entry?

Inputbox: answer:=Inputbox('a','b','c'); works good, but I'm looking for a masked one, like a password box where you only see little stars instead of the typed characters.
Arthur
  • 3,376
  • 11
  • 43
  • 70
1
2
3
90 91