标签: textinput
在用户输入时抓取文本输入
我正在尝试使用输入文本字段中的数据动态更新span标记.基本上我有一个文本字段,我希望能够在键入用户输入时抓取用户的输入并在字段下方的span标记中显示给用户.
码:
<input id="profileurl" type="text">
<p class="url">http://www.randomsite.com/<span id="url-displayname">username</span></p>
JQuery的:
var username;
$('#profileurl').keyup(function(username);
$("#url-displayname").html(username);
在JS Fiddle中看到它:http://jsfiddle.net/pQ3j9/
我猜测keyup函数不是最好的方法.由于检查密钥将无法获取预填充或粘贴的表单输入.
理想情况下,有一些神奇的jQuery函数可以在检测到密钥时输出框中的任何信息,但如果该方法存在,我还没有找到它.
编辑:你们这些人很惊人.貌似.val()就是那种神奇的方法.
第二个问题:你如何限制投入？查看修改后的jsfiddle,当用户输入像<hr>这样的html标签时,浏览器会解释它并打破表单.你指定一个数组然后检查吗？jquery有没有类似PHP的strip_tags函数？
推荐指数
解决办法
查看次数
如何在win32 windows中创建嵌入的文本输入框
我想创建一个嵌入在我的主窗口中的小框，它可以接受文本输入并包含按钮。当我说嵌入式时，我的意思是我希望它无缝集成到我的主窗口中，而没有自己的关闭按钮。我无休止地搜索了谷歌，并没有找到不涉及 mfc 或 .net 的答案。如何在原始的 win32 应用程序中执行此操作。请将您的代码添加到我的骨架中，如下所示。谢谢！
#include <windows.h>
LRESULT CALLBACK WndProc (HWND, UINT, WPARAM, LPARAM) ;
int WINAPI WinMain (HINSTANCE hInstance, HINSTANCE hPrevInstance,
PSTR szCmdLine, int iCmdShow)
{
static TCHAR szAppName[] = TEXT ("App") ;
HWND hwnd ;
MSG msg ;
WNDCLASS wndclass ;
wndclass.style = CS_HREDRAW | CS_VREDRAW ;
wndclass.lpfnWndProc = WndProc ;
wndclass.cbClsExtra = 0 ;
wndclass.cbWndExtra = 0 ;
wndclass.hInstance = hInstance ;
wndclass.hIcon = LoadIcon (NULL, IDI_APPLICATION) ;
wndclass.hCursor = LoadCursor (NULL, IDC_ARROW) ;
wndclass.hbrBackground …推荐指数
解决办法
查看次数
为什么没有样式的输入文本的边框宽度为2px？
我有以下HTML标记,其结果是text类型的输入表单元素.
<!DOCTYPE html>
<html>
<body>
<input type="text" />
</body>
</html>
在一个体面的浏览器中,它呈现如下面的屏幕截图(右侧是缩放的图像):
那么,为什么在检查<input>元素时浏览器显示边框宽度为2px？我们可以在视觉上欣赏输入元素有1个像素.即使使用jQuery,当我做类似的东西jQuery('input').css('border-width')时吐出2px.
当然,这只是在没有样式的输入元素的情况下发生的.
我还创建了一个JsFiddle演示:http://jsfiddle.net/HBDUZ/
谢谢!
推荐指数
解决办法
查看次数
在 Kivy Python 中使用预定义值制作文本输入
我正在使用 Kivy 应用程序中的文本输入，但我不知道该怎么做。事实是我想做一个textinput显示您可以输入的值。我知道它可能是 text='...' 但我希望在选择文本输入时删除预定义的文本。我不知道 Kivy 是否可以做到这一点，因为我想始终显示 textinput 为空的列表，其中包含您可以输入的数字。函数 func 仅用于保存小部件的输入。我不想用 kv 语言，所以我这样做是因为洞应用程序更好：
from kivy.uix.textinput import TextInput
textinput = TextInput(text='You can Input 1,2,3,4',multiline=False)
textinput.bind(on_text_validate=func)
推荐指数
解决办法
查看次数
将换行符字符(即\ r \n)附加到发布请求中发送的表单字段
我正在编写一些Web表单,用于测试学生编写的服务器作为练习.有些服务器不像规范工作那样完全符合规范.将Windows新行字符(即\r\n)附加到POST浏览器生成的请求会很有用,因为有些服务器正在执行ReadLine而不是使用Content-Length:标头计数.
我正在寻找生成以下请求(来自IE):
POST /Brian HTTP/1.1
Accept: text/html, application/xhtml+xml, */*
Accept-Language: en-GB
User-Agent: Mozilla/5.0 (Windows NT 6.3; WOW64; Trident/7.0; rv:11.0) like Gecko
Content-Type: application/x-www-form-urlencoded
Accept-Encoding: gzip, deflate
Host: localhost:43
Content-Length: 8
DNT: 1
Connection: Keep-Alive
Cache-Control: no-cache
location
但是追加\r\n到最后.到目前为止,我这样做的尝试是:
<form>
Username: <input type="text" name="url" id="url4"
onChange="document.getElementById('update4').setAttribute('action',
'http://localhost:43/' + document.getElementById('url4').value);"> </input>
</form>
<form id="update4" method="post" action="http://localhost:43/">
Location: <input type="text" name="isindex" id="location5"
onChange="document.getElementById('location5').value =
document.getElementById('location5').value + '\\\r\\\n'"> </input>
<input id="mysubmit3" type="submit" value="go" ></input> …推荐指数
解决办法
查看次数
在 Focus React Native 上更改 TextInput 样式
首先，我研究了其他帖子，发现这个如何在 React Native 中更改 TextInput 占位符的样式？
帖子中解决方案的问题是曾经fontStyle设置为斜体，它不会恢复到正常字体（我猜除非组件更新，否则它不能被覆盖）。这是我的代码示例
<TextInput
style={
this.state.value.length === 0
? {fontStyle: 'italic', color: 'white'} // font changed to white and italic
: {fontStyle: 'normal', color: 'black'} // font changed to black but stays italic
}
value={this.state.value}
/>
我想出了一些技巧，通过强制TextInput更新使用forceUpdate()组件或设置组件的键，但这会导致键盘 UI 在用户键入时关闭，这对 UX 不利。
我只想对链接的帖子发表评论，但我的声誉还不够。
这是预期的行为还是我犯了任何错误？如果有人可以提供一些解释/解决方案，将不胜感激。
PS 使用最新的 React Native 在 Android 上测试
推荐指数
解决办法
查看次数
React 原生占位符在 Android 上仅部分可见
我在将 a 居中时遇到问题，TextInput同时保持占位符可见。我希望文本从占位符开始（居中）开始。
在 IOS 上它可以工作，但在 android 上它只是部分可见。
IOS 上的结果： IOS 占位符
android 上的结果： Android 占位符
这是我的代码：
render() {
return (
<View style={styles.containerStyle}>
<TextInput
underlineColorAndroid='transparent'
placeholder={"Placeholder "}
placeholderTextColor={"grey"}
maxLength={6}
style={{ fontSize: 30, color: "black",
justifyContent: "center", }}
onChangeText={this.props.onChangeText}
value={this.props.value.toUpperCase()}
/>
</View>
);
}
}
const styles = {
containerStyle: {
flexDirection: 'row',
backgroundColor: "#fff",
borderRadius: 5,
borderWidth: 1,
shadowColor: "#000",
elevation: 2,
marginLeft: 5,
marginRight: 5,
alignItems: 'center',
justifyContent: "center"
}
};
推荐指数
解决办法
查看次数
如何在 react-native 中显示搜索类型的 Android 键盘
我的应用程序中有一个文本输入，用作搜索栏，我知道 Android 有一个 API 来显示搜索类型键盘，我想知道如何在 react-native 中使用它。
我查看了 react-native 文本输入文档，但没有找到适用于 Android 中该类型键盘的任何内容。
任何人都知道我可以在文本输入中使用哪种类型的键盘来获得想要的结果？
textinput react-native react-native-android react-native-textinput
推荐指数
解决办法
查看次数
反应原生secureTextEntry不适用于android
我正在尝试使用 react-nativesecureTextEntry来隐藏我的密码并在注册期间确认密码字段。我使用自定义 InputBox 组件进行 textInput.below 是我的代码，
<InputBox
error={this.state.PwordError}
keyboardType={'default'}
onChangeText={Pword =>
this.setState({
Pword
})
}
secureTextEntry={true}
value={this.state.Pword}
pHolder={"Password"}
color={'white'} />
<View style={styles.spacer} />
<InputBox
error={this.state.CPwordError}
keyboardType={'default'}
onChangeText={CPword =>
this.setState({
CPword
})
}
secureTextEntry={true}
value={this.state.CPword}
pHolder={"Confirm Password"}
color={'white'} />
当输入密码时，第一个文本框工作正常，它显示为点，但确认密码字段不起作用。有谁知道为什么会发生这种情况？
这是上面代码引用的输入框
<TextInput
underlineColorAndroid="transparent"
placeholder={this.props.pHolder}
placeholderTextColor={this.props.color === 'white' ? 'black':"white" }
{...this.props}
style={this.props.color == 'white' ? styles.ReginputStyle : styles.inputStyle}
/>
我在用，
"react": "16.5.0",
"react-native": "0.57.1",
我能够通过keyboardType={'default'}从我的输入组件中删除代码来解决这个问题。即使问题已解决，我也想知道为什么第一个secureTextEntry盒子可以工作而另一个却没有，因为它们除了值之外都是相同的。任何人都可以解释为什么会发生这种情况，
谢谢。
推荐指数
解决办法
查看次数
React native - 如果在表单提交时文本输入为空，则突出显示该文本输入
我有一堆TextInput字段，在表单提交时，我想突出显示那些留空或内容无效的字段。（使用边框）
用最少的代码处理这个问题的好方法是什么？
拥有“isEmpty”的状态，在提交时更新并有条件地为每个人呈现 css 似乎有点矫枉过正，因为有很多字段。
有没有办法TextInput通过IDor获取 aname并动态更新或附加到 React Native 中的 CSS 规则
推荐指数
解决办法
查看次数