Jquery 同时具有占位符/提示和焦点的文本字段-可能吗?
我们有一个调查,其中某些页面有一个单一的文本区域问题。因为它是唯一的输入,所以我们希望它集中在那个盒子上。但我们也希望在同一文本区域中有一个占位符样式的文本 有相当多的解决方案可以使这两个函数在所有浏览器上工作,例如。但我希望提示在焦点后保持不变,然后在输入文本时消失。有什么想法吗 注意-我意识到HTML规范规定占位符元素应该在焦点上消失。所以也许我应该说我想要一个“水印”。这个用户界面是为计算机知识水平较低的老年人设计的,他们需要我们提供的任何帮助Jquery 同时具有占位符/提示和焦点的文本字段-可能吗?,jquery,forms,placeholder,autofocus,Jquery,Forms,Placeholder,Autofocus,我们有一个调查,其中某些页面有一个单一的文本区域问题。因为它是唯一的输入,所以我们希望它集中在那个盒子上。但我们也希望在同一文本区域中有一个占位符样式的文本 有相当多的解决方案可以使这两个函数在所有浏览器上工作,例如。但我希望提示在焦点后保持不变,然后在输入文本时消失。有什么想法吗 注意-我意识到HTML规范规定占位符元素应该在焦点上消失。所以也许我应该说我想要一个“水印”。这个用户界面是为计算机知识水平较低的老年人设计的,他们需要我们提供的任何帮助 必须使用IE8:(如果我理解这个问题,您可以
必须使用IE8:(如果我理解这个问题,您可以尝试以下方法 HTML
<textarea id="first">Instructions go here</textarea>
例如:
解释
.focus()
将焦点放在onload时的字段上.one()
为元素触发一次事件keydown
上,我们删除当前值,即我们在开始时添加的指令值
,然后将其放回上的文本区域
,如果那里没有任何内容
var a = $('#first').val();
$('#first').focus().one('keydown', function(){
$(this).val('');
});
$('#first').blur(function(){
if($(this).val() == ''){
$(this).val(a);
}
})
示例2:如果我理解这个问题,您可以尝试以下方法
HTML
<textarea id="first">Instructions go here</textarea>
例如:
解释
空的.focus()
将焦点放在onload时的字段上
.one()
为元素触发一次事件
在keydown
上,我们删除当前值,即我们在开始时添加的指令
编辑
鉴于你的评论
我需要它的功能更像一个标准占位符
但是,如果您输入了某些内容,请将其删除,以便该字段
空白,则返回显示原始提示
您可以这样做…捕获值
,然后将其放回上的文本区域
,如果那里没有任何内容
var a = $('#first').val();
$('#first').focus().one('keydown', function(){
$(this).val('');
});
$('#first').blur(function(){
if($(this).val() == ''){
$(this).val(a);
}
})
示例2:谢谢,这正是我想要的方向。不过,我需要它的功能更像一个标准占位符,因此如果您输入一些内容,然后将其删除,使字段为空,它将返回显示原始提示。谢谢,这正是我想要的方向。我需要它的功能有点像占位符或者像一个标准的占位符,所以如果你输入一些东西,然后删除它,使字段为空,它会返回显示原始提示。