输入字段中的值保留为用户类型

Question

我正在创建一个输入表单，我知道如何进行onfocus onblur占位符等等。

除了在输入字段顶部分层div之外，这就是我想做的事情。

当用户点击输入字段时（在此实例中输入网站地址）

如何才能使http：//出现在输入字段中，当他们关注字段时，文本提示符出现在http：//

之后

所以他们所做的就是输入网站网址的其余部分。

例如：

   <fieldset>
     <input type="text" class="requiredField" name="websitename" value="http://" onfocus="if(this.value=='http://')this.value='';" onblur=  "if(this.value=='')this.value='http://';"/>
   </fieldset>

从上面的示例中，http：//出现在input元素中。但点击后，它就消失了。我想做的是，http：//之后会出现提示，因此您可以输入他们的网站地址。

也许jQuery可以解决这个问题，很难知道在谷歌上搜索什么来获得一些想法。

我确信我已经看过网站实现这一点。我不想要一个图像，因为在提交时，我仍然希望它解析完整的URL而不仅仅是他们实际输入的www.fsfsdfsfsd.com位。

干杯

Answer 1

获取值并重新插入值。

$('input[name="websitename"]').focus(function() {
    var theVal = $(this).val();
    $(this).val(theVal);
});

抱歉，编辑。忘了右括号。

编辑2：您可能会遇到的部分问题是您的输入上有onfocus和onblur，并且onfocus正在清除现有值。删除它并尝试我的脚本。

Answer 2

如果我理解正确，您需要删除onfocus和onblur事件处理程序。在这种情况下，您不需要它们，因为您始终将input的值设置为http://。将占位符和同时用作默认值毫无意义。

顺便说一句：做占位符的更好方法是使用placeholder属性：

<input type="url" name="website" placeholder="Your website">