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

Question

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

$('#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() 处理程序...