[Javascript] creare un form e due bottoni con l'uso di z-index

[postgres]

Ciao a tutti, devo fare in Javascript un form composto da un solo campo di testo un bottone salva e uno annulla, che viene attivato da un bottone html
e contemporaneamente si usa lo z-index per sovrapporre questo form alla pagina che sarà visualizzata con un "velo semitrasparente" (per far capire all'utente che non può fare nient'altro che scrivere nel form).


<a href="javascript:void(0)" onClick="addreference">Add new reference</a></p>


il tasto annulla chiama a sua volta una funz javascript che cancella lo z-index.

Io non sono pratico di javascript, che funzioni devo usare per creare lo z-index, il campo e i bottoni?
e come metto poi nella funzione annulla l'operazione di distruzione di questo form?

Grazie

[postgres]

Tra l'altro il velo semiopaco lo si crea usando la proprietà opacity?


document.getElementById("content").style.opacity="50";

[postgres]

Mi spiego meglio è possibile creare un piccolo form con un solo campo di testo
e con due bottoni salva e annulla che si attiva quando si clicca su un tasto html,e dove il resto della pagina è opacizzata?

[postgres]

Io ho trovato questo esempio su internet per quanto riguarda la parte di creare un form:


http://en.allexperts.com/q/Javascript-1520/create-form-submit-fly.htm

Però non funziona, non mi stampa niente.
Con la differenza che io ho questo fuori dallo script:

<p><a href="#" onclick="addreference()">Add new reference</a>


mentre lui ha questo:

<input type="button" value="Click to create form and submit" onclick="createFormAndSubmit()">


Come posso modificarlo e adattarlo alle mie esigenze (compresa l'opacità)?

[postgres]

In realtà quel form
neanche mi mostra i campi da riempire! Fa subito la submit! e mi porta in "Some Url).
boh!