Question

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

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

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

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

有任何解决方法吗？

编辑我的一个想法是在文字或其他输入的顶部放置一个空输入。这样，当用户输入空输入时，背景中的文本将不可选择，并且可以在将文本输入空输入时隐藏。这样做是否有跨浏览器（返回ie6）？

Answer 1

1.您必须在文本框内部删除文本时将其删除

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

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

$("input[type=text]").blur(function(){
    if($(this).val()=='') 
           $(this).val()= $(this).attr('title');         
});

Answer 2

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

如果您愿意，请查看它的工作原理！ http://www.dollmode.com/test

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