占位符在 Firefox 中无法正常工作答案

【问题标题】：placeholder not working properly in firefox占位符在 Firefox 中无法正常工作
【发布时间】：2013-09-29 03:26:28
【问题描述】：

我知道旧版 Firefox 不支持占位符。但是我的 Firefox 是最新的，我可以在此页面上看到占位符：http://www.dzyngiri.com/demo/flat-ui-login-form/。但是当我打开我的代码时，我看不到占位符。如果我使用 chrome 或 IE，我的会显示出来

    <form id="Signup">
        <input type="text" placeholder="username" id='name' size="15px"><br>
        <input type="password" placeholder="password" id='pw' size="10px"><br>
         <input type="password" placeholder="retype-password" id='confirmPw' size="10px"><br>
        <input type="text" placeholder="email" id='email' size="10px"><br>

【问题讨论】：

标签： html css firefox placeholder

【解决方案1】：

如果您喜欢 JS 解决方案，它涵盖所有浏览器。

<input name="username" type="text" value="Username" onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;">

【讨论】：