占位符在firefox中无法正常工作

时间:2013-09-24 03:55:32

标签: html css firefox placeholder

我知道较旧的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>

1 个答案:

答案 0 :(得分:2)

如果您需要JS解决方案,它将涵盖所有浏览器。

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