1

我创建了一个 RSS 提交表单，我想在输入框中显示类似Enter your email here....的内容，当他们单击它时，该消息应该消失，他们可以将他们的电子邮件放入框中。

这是我目前正在使用的代码

<div id="RSS">
        <form action="http://feedburner.google.com/fb/a/mailverify" class="RSS" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=RSS', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
            <input type="hidden" name="uri" value="RSS">
            <input type="hidden" name="loc" value="en_US">
            <input name="email" id="RSS-text" type="text" maxlength="100" style="width:160px !important" value="Enter your email address..." class=""><button type="submit" id="RSS-button">Subscribe</button>
        </form>
    </div>

问题是当有人点击它时它并没有消失，我看到很多表单，包括我的搜索表单，它可以这样做。

4

1 回答 1

2

您可以使用占位符属性，但它不支持 IE：

<input type="text" placeholder="Enter your text here..." />

否则，您可以使用一些 javascript：

<input type="text" onfocus="if(this.value=='Enter your text here...') this.value='';" onblur="if(this.value=='') this.value='Enter your text here...';" value="Enter your text here..." />
于 2012-04-24T22:44:27.260 回答