js如何实现点击链接后将文字显示在文本框（本身文本框是隐藏的）

<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后用户积分的值就不显示了

------解决方案--------------------
用css样式：<input name=username type=text maxlength=20 style="border:0;background:transparent;" >

------解决方案--------------------
<input name=username id="username " type=text maxlength=20 style="border:0;background:transparent;" >
点击Button 时
 document.getElementById("username").style="";
------解决方案--------------------
我也觉得这个问题要用一个div来解决，把用户积分那个文本框放在一个隐藏的div里面，等到需要显示的时候再显示该div，注意文本框是一直处于显示状态的，是通过div的隐藏来控制文本框的隐藏