1

diveintohtml5说可以开始使用电子邮件表单类型。所以我正在我的一种形式上尝试它。我正在使用 jQuery 和一个名为jquery-watermark的插件。它使占位符元素跨浏览器工作。该插件在 Firefox 3.6 上仍然有效，但在 Opera 10.61 和 Chrome 6 上不会呈现占位符。

<script type="text/javascript">
  $('form input#comment_email').watermark('email (optional)');
</script>

用于显示水印/占位符。

Rails 3 输出：

<input id="comment_email" name="comment[email]" size="30" type="email" />

我不确定为什么它不起作用。有什么想法吗？

4

2 回答 2

2

看起来 jquery-watermark 插件只选择某些输入类型来添加水印。您所要做的就是在 jquery.watermark.js 中调整这一行：

selWatermarkAble = ":text,:password,:search,textarea",

包括新的电子邮件类型：

selWatermarkAble = ":text,:password,:search,:email,textarea",
于 2010-08-30T21:47:48.383 回答
2

您是指输入中的占位符文本吗？
有一个替代解决方案：HTML 5 Placeholders，而 Watermark 是不支持占位符的浏览器的一个很好的后备方案。

 $('input[placeholder]').each(function() {
   $(this).watermark($(this).attr('placeholder'));
 })

（注意：我没有测试该代码！）

（编辑：另见http://diveintohtml5.ep.io/detect.html#input-placeholder）

于 2010-08-30T21:55:49.783 回答