visualizzare valore predefinito in campo password

ciao a tutti, vorrei fare visualizzare nel campo password la scritta "password" e poi con un onfocus fare in modo che si cancelli e la password che si va a digitare sia ovviamente con gli asterischi/pallini.
Ho capito che bisogna usare due input, uno di tipo text e uno di tipo password che andrà a sostituire quello di tipo text quando è in focus ma non so come farlo.
Chi mi sa aiutare per favore????

Secondo me ti basta questo:

<input type='password' name='password' id='pass' placeholder='Password' required>

Grazie per la risposta, Funziona!!!. Ti confesso che non conoscevo quel tipo di attributo.
Adesso però, dato che mi è piaciuto l'effetto del attributo, mi piacerebbe estenderlo anche in un input type="text", ma se lo aggiungo mi perde l'attributo su entrambe:

<input type="text" name="username" id="username" placeholder='Username'  />
<input type="password" name="password" id="password"  placeholder='Password'    />

Ho fatto una prova sul type="text" e funziona quindi l'attributo placeholder funziona anche su questo tipo.

Hai qualche soluzione da propormi?
Grazie

[alemoppo]

A me funziona correttamente.

Ciao!

Il problema sembra ovvio, usi apici differenti:

tuo esempio

<input type="text" name="username" id="username" placeholder='Username'  />
<input type="password" name="password" id="password"  placeholder='Password'    />

come dovrebbe essere:

<input type="text" name="username" id="username" placeholder="Username"  />
<input type="password" name="password" id="password"  placeholder="Password"   />

[alemoppo]

Funziona bene anche con i singoli apici: test.

Ciao!

Si ma potrebbe essere un problema di browser, tipo IE che è molto perfettino in queste cose.

Come dice australiafever con alcune versioni di IE ho avuto problemi ma alla fine potresti risolvere così.

grazie mille per le soluzioni proposte

Sei riuscito a risolvere il tuo problema?