js how to click the link text will be displayed in the text box ( text box itself is hidden )

  
  <form method="post" action="servlet/PayUpdate">
    <table border="0" align="center">
    	<%
    	List<Pay> payAll = null;
    	int userId = Integer.parseInt(request.getParameter("userId"));
    	payAll = DAOFactory.getIPayDAOInstance().findById(userId);
    	for(Pay pay : payAll){
    %>
    	<tr><td>积分编号</td><td><%=pay.getPayId()%></td></tr>
    	<tr><td>用户编号</td><td><%=pay.getUserId()%></td></tr>
    	<tr><td>用户金额</td><td><%=pay.getMoney()%></td></tr>
    	<tr><td>用户积分</td><td><input type="text" id="integral" name="integral" value="<%=pay.getIntegral()%>" size="7"/></td></tr>
    	<%
    	}
    	%>
    		<tr><td><a href="#" onclick="winClose()">关闭窗口</a></td><td><a href="#" >修改积分</a></td></tr>
    	</table>
    	</form>
  
  
  感觉无法实现
  
  因为起初要hidden用户积分的文本框，而后又要点击链接后显示编辑文本框。
  
  是不是有点难啊。如果hidden后用户积分的值就不显示了
  

------ Solution ------------------------------------- -------
with css styles :

------ Solution ------------------------------------ --------

Click the Button
document.getElementById ("username"). style = "";
------ Solution ----------------- ---------------------------
I also think this problem use a div to solve, the user points the text box on a hidden div inside , until the time you need to display longer show div, pay attention to the text box that has been in a display state , through the hidden div to control the hidden text box
------ For reference only - --------------------------------------
how can display text box values ​​are so text boxes hidden
------ For reference only ----------------------------------- ----
usually use div or you will be placed in the text box to try the div

When clicking on a hyperlink onclick event is triggered when an inside operation
------ For reference only ------------------ ---------------------

Click Button
How to edit text boxes appear after it ?
------ For reference only -------------------------------------- -