Question

我有一个HTML表单，其中包含用户名，密码和密码。占用。如果职业恰好是学生，那么我使用JavaScript创建一个新的框来输入用户的大学电子邮件。这很好用＆amp;我也可以为用户名和密码框添加水印。然而，当新的大学电子邮箱出现时，我无法给它添加水印。我不明白为什么。

$('#editfill_occupation').change(function() {
    if ($("#editfill_occupation").val() == "0") {
        $('#editfill_uniemail').watermark("Please enter your university email address ");
        $('#editfill_uniemail').show();
    }
    else {
        $('#editfill_uniemail').hide();
    }
});

我的editfill_uniemail定义如下：

<input type="text" name="editfill_uniemail"  id="editfill_uniemail" style="display: none;" >

我也尝试在上面的定义中使用占位符属性，但它不起作用。我可能做错了什么？或者不是水印的书写方式？

Answer 1

您是否尝试过HTML占位符属性？

编辑：我知道你有，但我的代码工作正常。

演示：http://jsfiddle.net/SO_AMK/4nGdQ/

HTML：

<select id="editfill_occupation">
    <option value="0">Providing demos for questions</option>
    <option value="1">Just kidding about that</option>
    <option value="2">But next time,</option>
    <option value="3">Please do your own :D</option>
</select>
<input type="text" name="editfill_uniemail" placeholder="Please enter your university email address" id="editfill_uniemail" style="display: none;" >

all modern browsers except IE目前支持占位符属性，IE 10中将支持占位符属性（在这种情况下，caniuse.com在IE中不显示）

不要忘记document.ready()处理程序......

Answer 2

另一个演示 http://jsfiddle.net/aXzuS/

您可以使用.focus和.blur API完成此操作。

良好的链接：http://blogs.planetcloud.co.uk/mygreatdiscovery/post/A-simple-jQuery-watermark-textbox.aspx

希望它符合需求！ :)

<强>代码

$(document).ready(function() {

    var tbval = $('#hulk').val();

    $('#hulk').focus(function() {
        $(this).val('');
    });

    $('#hulk').blur(function() {
        $(this).val(tbval);
    });

});

无法在html中为文本框添加水印

2 个答案: