我已经创建了一个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>
问题是,当有人单击它时它不会消失,而且我看到很多形式(包括我的搜索形式)都可以通过这种方式完成。
最佳答案
您可以使用占位符属性,但不支持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..." />