2

所以，我正在尝试复制 html5 的“占位符”属性功能。

我目前坚持的一件事是，在一个元素的焦点上，插入符号立即出现在输入的开头。

就目前而言，插入符号出现在用户单击的位置，然后当我使用 jQuery 移动它时跳转到开头。

看这里： http: //www.dollmode.com/test - 单击“所需的用户名”字段，您就会明白我的意思。

任何解决方法？

编辑我的一个想法是在文本或另一个输入之上放置一个空输入。这样，当用户在空输入中键入时，背景中的文本将无法选择，并且在将文本输入到空输入中时它可能会被隐藏。是否有跨浏览器（返回 ie6）来执行此操作？

4

2 回答 2

0

1.当它获得焦点时，您必须删除文本框内的文本

$("input[type=text]").focus(function(){
  $(this).val('');
});

2.然后当焦点丢失时，您必须检查用户是否填写了文本框，因此如果文本框为空，您应该分配其占位符值

$("input[type=text]").blur(function(){
    if($(this).val()=='') 
           $(this).val()= $(this).attr('title');         
});
于 2013-05-04T19:54:30.450 回答
0

我创建了一个<span>并将其绝对定位在相对定位的后面<input>。这似乎有点工作。跨浏览器的对齐方式并不完美，但由 Javascript 补充，这是一个很好的跨浏览器解决方案。在 IE6+、Chrome、Opera 和 FF 上工作。

如果您愿意，可以在这里查看它是如何工作的！http://www.dollmode.com/test

如果您正在查看此问题并且该页面不存在，则它现在可能位于http://www.dollmode.com/

于 2013-05-05T10:37:41.670 回答