标签: textinput

我也有一个用户列表:

<ul>
<li class="thumb selectable arrow light" style="margin-bottom:-5px;"
data-image="http://cdn.tapquo.com/lungo/icon-144.png">
<strong class="name">Peter <font data-count="0" style="position:relative;top:-2px;"> </font></strong> 
<small class="description">Hi!</small> 
</li>
...
</ul>

我想要的是每次写一封信时的文本输入,只显示以该字母开头的用户或者他们可能有这个名字的用户.我能做什么？这是jquery但不是......

我有一个TextInput,多行设置为true.我正在滚动到焦点输入:

scrollResponder.scrollResponderScrollNativeHandleToKeyboard(
  React.findNodeHandle(this.refs.myInput),
  0,
  true
);

但是,当多行TextInput展开时,文本将隐藏在键盘下方.我只想在光标/当前文本不可见时向下滚动.所以我不能只在文本更改上运行上面的代码,因为它会滚动视图,即使当前光标/当前文本是可见的(如在第一行编辑).

有没有办法让屏幕上的光标/当前文本位置？或者还有其他方法可以做我正在尝试的事情吗？

目前:

我想要实现的目标:

这个jsfiddle演示了以下问题.

最简单的例子是:

<input id="number" type="number" value="1">
console.log(document.getElementById('number').value);

这按预期记录1.但是这样:

<input id="number" type="number" value="1A">
console.log(document.getElementById('number').value);

只记录一个空字符串'',因为值中包含非数字字符.某些设备+浏览器(例如Chrome)允许您在这些输入中输入非数字字符.

这很烦人,因为我想为支持它的设备输入type ="number"(例如iPhone,iPad数字键盘).但是我想使用javascript来阻止输入脏输入 - 这需要在keyup上获取值 - 然后regex替换非数字字符.

看来jQuery的.val()方法给出了相同的结果.

我有一个任务,以防止在十进制数字后按两位数.我的jquery文件是

$(function(){ 
    $('#name').bind('paste', function(){
    var self = this;
    setTimeout(function() {
        if(!/^[a-zA-Z]+$/.test($(self).val()))
            $(self).val('');
    }, 0);    
           }); 

        $('#salary').bind('paste', function(){
    var self = this;
    setTimeout(function() {
        if(!/^\d*(\.\d{1,2})+$/.test($(self).val()))
            $(self).val('');
    }, 0);    
           }); 

    $('.decimal').keyup(function(){
        var val = $(this).val();
        if(isNaN(val)){
             val = val.replace(/[^0-9]./g,'');


             if(val.split('.').length>2) 
                 val =val.replace(/\.+$/,"");
        }
        $(this).val(val); 
    });
    });      

我的html页面是

<b>Name</b>
<input type="text" id="name"  /><br/>
<b>Salary</b>
<input type="text" id="salary"  class="decimal" />

在这里我只想在小数点后写2位数,我该怎么做？你可以在http://jsfiddle.net/V6s4B/看到我的代码

我有一个具有以下样式的TextInput:

amountInput: {
  flex: 1,
  backgroundColor: 'rgba(255, 255, 255, 0.1)',
  color: 'rgba(255, 255, 255, 0.9)',
},

在iOS上它正确看起来没有足够的填充:

在Android上默认有大量填充:

不是问题 - 我将设置左右填充和高度:

amountInput: {
  flex: 1,
  backgroundColor: 'rgba(255, 255, 255, 0.1)',
  height: 30,
  paddingRight: 5,
  paddingLeft: 5,
  color: 'rgba(255, 255, 255, 0.9)',
}

在iOS上看起来不错:

但Android搞砸了:

如何制作像倒数第二个iOS截图的Android输入框？谢谢.

我正在构建一个小UI,用户将进入splitLayout文本行,构建一个语句(此问题不需要)来解决难题.

但是,如果用户决定他/她需要额外的行或更少的行来解决难题,我想添加或删除新的输入行以不删除剩余的输入行.

*灰色是占位符.

我怎样才能最好地达到我想要的结果:

请在下面找到我修剪过的代码.感谢您的输入.

library(shiny)

# Define UI
ui <- fluidPage(
  # Application title
  titlePanel("Identify A, B and C"),
  sidebarLayout(
    sidebarPanel(width = 5,
                 helpText("Present a statement and receive a response: 1 is a Knight who always tells the truth, 2 is a Knave who always lies, and 3 is a Normal who can do either."),
                 # Number of Questions
                 numericInput(inputId = "Questions", label = "Number of Questions", 
                              value = 1, min = 1, max = …

我在我的 react-native 应用程序中使用了多行 TextInput 并坚持了一段时间。我无法让文本在 IOS 设备上垂直对齐。

使用 textAlign='center' 将文本放在 IOS 上垂直居中......但它变成了一个展开的永无止境的行。

添加 multiline={true} 否定 IOS 中垂直对齐的文本并将其放在输入的顶部。

<TextInput
    style={{ 
        width: wp('80%'), 
        height: hp('25%'), 
        borderWidth: 1, 
        borderRadius: 10,   
        fontSize: RF(3), 
    }}
    textAlign={'center'}
    multiline={true}
    onChangeText={entry => this.setState({entry})}
    value={this.state.entry}
/>

我希望行为像 android，因为它显示占位符文本垂直和水平居中，当用户输入更多文本时，它会根据需要开始创建多行，但始终垂直和水平居中。

请查看左侧为 android 版本和右侧为 IOS 的图像。

左边是安卓，右边是IOS

我有代码HTML

<input id="info[text1]" type="text" value="1"/> <br>
<input id="info[text2]" type="text" value="2"/> <br>

我想用jquery选择id ='info [text1]',但我不能,所以你可以帮助我!

当我点击文本输入时，我的键盘总是立即消失。这只发生在 Android 上。

奇怪的是，我尝试仅将所有不相关的代码删除到textInput，但问题仍然存在。这仅发生在我的应用程序的一页上。

  <View>
            <TextInput
              style={{
                paddingVertical: 0,
                textAlignVertical: 'center',
                height: height * 0.05,
                width: width * 0.4,
                fontSize: height * 0.027,
                color: '#E1E1F2',
                borderBottomWidth: 1,
                borderBottomColor: '#6B778A',
                justifyContent: 'center',
              }}
              placeholderTextColor={'#6B778A'}
              underlineColorAndroid='black'/>
  </View>

我认为代码没有问题，我真的需要帮助。

屏幕记录：media.giphy.com/media/Vc6AbKbMsnZX8ykKqR/giphy.gif

我正在使用来自react-native的Textinput。如何将 otp 或代码自动粘贴到文本输入框中。