javascript一个简单的问题

请大家帮忙，按了显示后用户名和密码显示在下边，怎么做呢。

页面代码:
用户名:<input id="username" type="text" /><br/>
密码:<input id="password" type="password" /><br/>
<input value="显示" type="button" onclick="show()" />
<hr/>
用户名:<span id="uname"></span><br/>
密码:<span id="pwd"></span>

javascript代码:
<script language="javascript" type="text/javascript">
function show()
{
document.getElementById("uname").innerHTML=document.getElementById("username").value;
document.getElementById("pwd").innerHTML=document.getElementById("password").value;
}
</script>

把下面的那个“用户名”“密码”放一个层中，没有点按钮时为隐藏，点按钮时显示，写一个方法让上面的“用户名”“密码”的值赋给下面的“用户名”“密码”，同时让他显示，

要是不明白，我可以做一个

1。在“显示”按钮的onclick函数里，获取上面输入的用户名和密码，如可以用

var name = document.getElementById ("上方用户名input元素的ID");

2。在onclick函数里，修改下方用户名元素的值，如

var name2 = document.getElementById ("下方用户名元素的ID");

name2.value = name;

document.getElementById("username").value

document.getElementById("password").value

哎 我真不知道你要干什么呢？你Q我吧 如果能帮忙的话

下面用户名的id比如lbl1,文本框text1

document.getElementById("lbl1").InnerText=document.getElementById("text1").value

document.getElementById("lbl2").InnerText=document.getElementById("text2").value