0

我正在创建一个输入表单，并且我知道如何在 onfocus onblur 占位符等内容上进行操作。

除了在我的输入字段上分层一个 div 之外，这就是我想要做的..

当用户点击输入字段时（在这种情况下输入网站地址）

如何使 http:// 出现在输入字段中，并且当他们专注于该字段时，文本提示出现在 http:// 之后

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

例子： 在此处输入图像描述

   <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 位。

干杯

4

2 回答 2

1

获取值并重新插入值。

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

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

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

于 2012-04-15T00:26:42.793 回答
-2

如果我理解正确，您需要做的就是删除onfocus和onblur事件处理程序。在这种情况下，您不需要它们，因为您总是将input' 值设置为http://. 同时使用占位符和默认值是没有意义的。

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

<input type="url" name="website" placeholder="Your website">
于 2012-04-15T00:44:59.367 回答