Jquery 同时具有占位符/提示和焦点的文本字段-可能吗?

Jquery 同时具有占位符/提示和焦点的文本字段-可能吗?,jquery,forms,placeholder,autofocus,Jquery,Forms,Placeholder,Autofocus,我们有一个调查,其中某些页面有一个单一的文本区域问题。因为它是唯一的输入,所以我们希望它集中在那个盒子上。但我们也希望在同一文本区域中有一个占位符样式的文本 有相当多的解决方案可以使这两个函数在所有浏览器上工作,例如。但我希望提示在焦点后保持不变,然后在输入文本时消失。有什么想法吗 注意-我意识到HTML规范规定占位符元素应该在焦点上消失。所以也许我应该说我想要一个“水印”。这个用户界面是为计算机知识水平较低的老年人设计的,他们需要我们提供的任何帮助 必须使用IE8:(如果我理解这个问题,您可以

我们有一个调查,其中某些页面有一个单一的文本区域问题。因为它是唯一的输入,所以我们希望它集中在那个盒子上。但我们也希望在同一文本区域中有一个占位符样式的文本

有相当多的解决方案可以使这两个函数在所有浏览器上工作,例如。但我希望提示在焦点后保持不变,然后在输入文本时消失。有什么想法吗

注意-我意识到HTML规范规定占位符元素应该在焦点上消失。所以也许我应该说我想要一个“水印”。这个用户界面是为计算机知识水平较低的老年人设计的,他们需要我们提供的任何帮助


必须使用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:

    谢谢,这正是我想要的方向。不过,我需要它的功能更像一个标准占位符,因此如果您输入一些内容,然后将其删除,使字段为空,它将返回显示原始提示。谢谢,这正是我想要的方向。我需要它的功能有点像占位符或者像一个标准的占位符,所以如果你输入一些东西,然后删除它,使字段为空,它会返回显示原始提示。