标签: textinput

我知道输入字段周围的光芒是标准的,但Twitter设法顺利淡化它.我一直在环顾四周,但似乎无法找到实现这一目标的可靠方法.这是怎么做到的？

如下所示:http://msdn.microsoft.com/library/windows/apps/Hh465498

Mozilla和Webkit有相同的选择吗？文本输入上的清除按钮适用于触摸屏应用程序.我不想要任何JavaScript解决方法,一个简单的CSS修复将非常有帮助.

我已经知道这可以用JavaScript,但IE 10有一个内置的解决方案,用于显示清除按钮,我想知道是否有其他浏览器有类似的选项？

我正在寻找一种方法,当用户触发onb​​lur事件时左对齐文本输入框的内容.我已经看到用onblur ="this.value = this.value"解决问题的提及,但这在IE中不起作用.

澄清:当用户键入超出文本框宽度然后离开焦点时,Internet Explorer中会出现此问题.在Chrome和Firefox中,文本将自动保持对齐,但这不会发生在IE中.

由于要求,我附上了代码(在IE中查看):

<input type="text" />

http://jsfiddle.net/t3hjonneh/FZJjW/

文本域:

打字后:

模糊之后:

应该如何看待:

我在 ScrollView 中有一个 TextInput。

当 TextInput 处于焦点时，滚动不起作用。此问题仅影响 Android。

在这里，我尝试使用常量值用户名和密码获取 TextInput 值，但我未定义。如何在其中使用状态或道具。我遵循了本教程https://medium.com/react-native-training/react-native-navigator-experimental-part-2-implementing-redux-c6acbf66eca1#.d0vteepp7

import React, { Component } from 'react'
import {
    View,
    Text,
    TextInput,
    Alert
} from 'react-native'
import Button from './Button'

     const route = {
        type: 'push',
        route: {
            key: 'about',
            title: 'About'
        }
    }

    const _values = {
        username: '',
        password: ''
    }

    const LoginView = ({_handleNavigate}) => {

        const _handlePress = () => {

            const {username, password} = _values
            console.log('username' + username + "" + password);

            return fetch('http://webservice.net/User/ValidateUser', {
                method: 'POST',
                headers: {
                    'Accept': 'application/json', …

我有6个文本输入字段,当我点击任何文本输入字段时,首先文本输入字段关闭,我必须再次点击相同的输入字段再次打开它

有没有办法切换到下一个输入字段而不使用它,returnKeyType="next"以便当我切换到任何输入字段时,键盘保持打开状态.

这是我的文本输入字段代码:

<View style={styles.inputContainer}>
              <TextInput
                ref='fname'
                autoCorrect={false}
                placeholder="First Name"
                style={styles.textInput}
                placeholderTextColor='#848484'
                autoCapitalize='words'
                maxLength={20}
                onFocus={()=>context._handleScrollView(ReactNative.findNodeHandle(context.refs.fname))}
                onBlur={()=>context._resetScrollView(ReactNative.findNodeHandle(context.refs.fname))}
                onChangeText={(fname) => context.setState({fname: fname.capitalizeFirstLetter()})} />
            </View>

我应该添加什么属性或某种方法或功能来克服这个问题？

如何在 React Native 中为 TextInput 添加货币前缀？这是我要实现的目标的示例：

提供更多细节 - TextInput 应该有一个默认值，例如 £10。我希望货币符号永远在那里。在某些时候，该值将被发送到数据库，因此应将其转换为整数。

到目前为止我的代码（_renderSecondTile 部分）：

import React, {Component} from 'react'
import {
    Text,
    View,
    ListView,
    ScrollView,
    StyleSheet,
    Image,
    TouchableHighlight,
    TextInput,
} from 'react-native'


class AppView extends Component {
    state = {
        isPlayerOneButtonActive: false,
        isPlayerTwoButtonActive: false,
        isThirdTileActive: false,
        textInputValue: '£10',
    }

     activateButton = buttonToActivate => {
        const newState = Object.assign(
            {},
            {
                isPlayerOneButtonActive: false,
                isPlayerTwoButtonActive: false,
            },
            {[buttonToActivate]: true},
        )
        this.setState(newState);
    }

    showThirdTile = tileToShow => {
        this.setState({isThirdTileActive: tileToShow});
    }

    _renderSecondTile = () …

我要在这里做的是使用textInput更新数组对象“可用”，下面是我的代码。我不知道为什么它会在_update函数行中不断给我令牌错误。请帮忙。谢谢！

export class Inventory extends Component {
state = {
    available: [
        {id: 0, name: 'Xb', value:5},
        {id: 1, name: 'Ad', value:19},
        {id: 2, name: 'Sc', value:1},
        {id: 3, name: 'AV', value:3},
        {id: 4, name: 'Ba', value:8},
        {id: 5, name: 'Ch', value:2},
        {id: 6, name: 'Pr', value:9},
        {id: 7, name: 'Mi', value:10},
        {id: 8, name: 'Se', value:1},
    ],
}

    _update = (text,index) => this.setState({available[index].value: text});

render(){
 index = 0;
  return(
    <View style={styles.container}> 
      <TextInput style={styles.input}
      keyboardType = 'number-pad'
      returnKeyType = 'go' …

我在 TextField 中使用 TextInputType.number。但是keyboard.TextInputAction.done 内没有任何done 或next 按钮在数字键盘上不起作用。我该怎么做？

this question与this非常相似，但是，出于某种原因，除了返回键（Enter键）之外，每个键都可以正常工作。如果密码正确，我想要的是让用户进入下一页。任何帮助将非常感激

//代码

        <TextInput
                style={styles.txtfield}
                placeholder="Password"
                placeholderTextColor = 'rgba(249, 129, 37, 1)'
                secureTextEntry={true}
                onChangeText={ password => this.setState({ password })}
                keyboardType="default"
                returnKeyType="next"                        
                onKeyPress={ (event) => {
                    if(event.nativeEvent.key == "Enter"){
                        alert(event.nativeEvent.key) // doesn't output anything nor execute the signin function
                        // this.signIn();
                    } 
                    else {
                        alert('Something else Pressed') // show a valid alert with the key info
                    }
                }}
            />