隐藏标签输入对焦时

Question

我有一个标签覆盖输入的表单.如下图所示

下面是相同的代码示例.

<label for="edit-submitted-name--2">
Name
<span class="form-required" title="This field is required.">*</span>
</label>
<input id="edit-submitted-name--2" class="form-text required" type="text" maxlength="128" size="35" value="" name="submitted[name]">

我想使用jquery并在每次用户关注输入时隐藏标签.仅当输入为空或输入未处于焦点时,才应显示标签.

  $("input").focus(function () {
          //hide the label corresponding to this input
     });

如何使用jquery选择与此输入对应的标签？

注意:我不能在html中更改任何内容,因为它是由Drupal中的模块生成的.

Answer 1

占位符属性是此作业的正确工具:

<input id="edit-submitted-name--2" class="form-text required" type="text" maxlength="128" size="35" placeholder="Name *" name="submitted[name]">

http://www.w3schools.com/html5/att_input_placeholder.asp

但不要忘记,无标签输入字段是不好的做法.占位符应该被视为提示.它们不是标签的替代品.