Question

当我在输入字段中单击时，我试图隐藏标签，但它只是不起作用，我不知道为什么我自己。

我尝试修改此示例以满足我的需求而没有任何运气：http://blog.stannard.net.au/2011/01/07/creating-a-form-with-labels-inside-text-fields-using-jquery/

请尽可能简单，这里不需要任何巧妙的技巧。

我的代码： HTML：

fieldset id="fieldset1">
    <dl>
        <dt class="jform_name">
            <label id="jform_name-lbl" class=" required" for="jform_name">Wer sind Sie:</label>
        </dt>
        <dd class="jform_name">
            <input id="jform_name" class="required" type="text" aria-required="true" required="required" size="37" value="" name="jform[name]">
        </dd>
    </dl>
</fieldset>

这是jQuery：

<script type="text/javascript">
$('input#jform_name').focus(function(){
    $('label#jform_name-lbl').hide();
});
</script>

Answer 1

您没有在您发布的HTML中包含jQuery，虽然您可能没有包含完整的HTML（请在将来执行此操作），但我认为这仍然值得一提，因为您似乎是新的。

您需要在html中使用此功能，最好在底部，</body>标记上方。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

否则，正如Adrift所提到的，您显示的代码很好：http://jsfiddle.net/4LZv7/

如何用JQuery隐藏input-focus上的标签？

1 个答案: