使用JavaScript在Struts2文本字段中的占位符

Question

美好的一天！

我试图在我的Struts2文本字段上创建一个占位符。 问题是，没有内置属性。 所以我决定使用javascript。 但是我不知道如何在struts文本字段上实现它。

javascript中html文本字段占位符的代码如下：

HTML： <input type="text" name="billingNameStreet" class="input" title="Street"/>

   <script type="text/javascript">
        $(':input[title]').each(function() {
            var $this = $(this);
            if($this.val() === '') {
                $this.val($this.attr('title'));
            }
            $this.focus(function() {
                if($this.val() === $this.attr('title')) {
                    $this.val('');
                }
            });
            $this.blur(function() {
                 if($this.val() === '') {
                     $this.val($this.attr('title'));
                 }
            });
        });
    </script> 

我如何在我的struts2文本字段上实现它：

<s:textfield label="TEST" name="test" cssClass="haha"/>
<s:textfield label="TEST1" name="test1" cssClass="haha1"/>
<s:textfield label="TEST2" name="test2" cssClass="haha2"/>

还是有其他方法在Struts2文本字段中创建占位符？

提前致谢

Answer 1

在这里，您的jQuery代码说选择器是具有title属性的input元素。 在您的struts2标记中，未指定标题。 在<s:textfield/>标记中，您可以使用title属性，该属性将呈现为html title属性。 因此，您的代码将需要更改为以下内容：

<s:textfield label="TEST" name="test" cssClass="haha" title="haha"/>
<s:textfield label="TEST1" name="test1" cssClass="haha1" title="haha1"/>
<s:textfield label="TEST2" name="test2" cssClass="haha2" title="haha2"/>

您可以将该文档用作将来的参考：

http://struts.apache.org/2.0.14/docs/textfield.html