Adaptive forms

[Damo]

Hi
I'm new to javascript and been forced to jump in at the deep end(at
least this feels like the deep end to me!).

I need a form with two buttons, and when one of the buttons is pressed
it displays a text box, like so.

<form method = "POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">

<button type="submit">Show Text Field</button><br>

<button type="submit">Submit</button>
</form>

How do i go about implementing this in JavaScript?
thanks

[scripts.contact]

On Apr 27, 11:40 am, Damo <[e-mail]:

Hi
I'm new to javascript and been forced to jump in at the deep end(at
least this feels like the deep end to me!).

I need a form with two buttons, and when one of the buttons is pressed
it displays a text box, like so.

<form ... >
<button type="button" onclick="showFi(this.form)">Show Text Field</
button><br>
<input type="text" name=extra size=40 style="display:none"><br>
<button type="submit">Submit</button>
</form>

and this function in script :
function showFi(form){
var style=form.extra.style
style.display=style.display=='none'?'':'none'
}