How to make a non editable textfields editable at a button click?

[Amrit Pathak]

I have some text fields which are non editable .I want to make them editable at a button(Edit) click.Below is the code .How to do that??

 <FORM action="notworking.jsp" name="abc">  
 
            <label>First Name:
 
            </label>
                      <positiontextbox>
            <input type="text" name="fname" value="<%=rs.getString(1)%>"  id="fn" readonly />
                 </positiontextbox>
            <div class="spacer"></div>
            <br>
            <label>Last Name:
 
            </label>
            <input type="text" name="lname"  value="<%=rs.getString(2)%>" id="ln"  readonly/>
 
            <div class="spacer"></div>
            <br>
            <label>Your Email:
 
            </label>
            <input type="text" name="email" value="<%=rs.getString(3)%>"id="email" readonly/>
 
  <div class="spacer"></div>
            <br>
        <div class="spacer"></div><br>
 
    <INPUT type=submit value="Edit"   onclick="return validate()"><a></a>
    <hr>
    </hr>    
             </FORM>

[Luuk]

look here

which basically is:
1) you need javascript
2) don't use 'readonly', but use 'disabled="true"'

[Amrit Pathak]

Thanks.Can you please tell me how to make these fields(3) enable at button click?

[Luuk]

Please use the CODE-tags around some code you post here:

<FORM action="notworking.jsp" name="abc"> 
 
 
<script type="text/javascript">
function validate() {
    x=document.getElementById("fn")
    x.disabled = !x.disabled;
    x=document.getElementById("ln")
    x.disabled = !x.disabled;
    x=document.getElementById("email")
    x.disabled = !x.disabled;
}
</script>
 
<label>First Name:
 
</label>
<positiontextbox>
<input type="text" name="fname" value="<%=rs.getString(1)%>" id="fn" disabled="true" />
</positiontextbox>
<div class="spacer"></div>
<br>
<label>Last Name:
 
</label>
<input type="text" name="lname" value="<%=rs.getString(2)%>" id="ln" disabled="true"/>
 
<div class="spacer"></div>
<br>
<label>Your Email:
 
</label>
<input type="text" name="email" value="<%=rs.getString(3)%>"id="email" disabled="true"/>
 
<div class="spacer"></div>
<br>
<div class="spacer"></div><br>
 
<INPUT type=button value="Edit" onclick="return validate()"><a></a>
<hr>
</hr> 
</FORM>

note:
1. the button type on the edit button changed
2. "readonly" was changed to "disabled='true'"

[Bharat383]

<input type="text" readonly="readonly">