按钮 普通按钮实现重置,隐藏域hidden

<head>
    <title>按钮操作</title>
</head>
<body>
    <form id="f1" method="get" action="HTMLPage2.htm">
    <input id="Hidden1" type="hidden" value="我是一个隐藏域" />
    <table>
        <tr>
            <td>
                用户名:
            </td>
            <td>
                <input id="userName" type="text" name="userName" value="myName" />
            </td>
            <td>
                <input id="Button1" type="button" value="我是一个普通按钮,但我可以实现重置功能" onclick="this.form.reset()" />
            </td>
        </tr>
        <tr>
            <td>
                <input id="Submit1" type="submit" value="提交" />
            </td>
            <td>
                <input id="Reset1" type="reset" value="重置" />
            </td>
            <td>
                <input id="Button2" type="button" value="我是一个普通按钮,但我可以使用Hidden实现重置功能" 
                onclick="JavaScript:(document.getElementById('userName').value)=(document.getElementById('Hidden1').value)" />
            </td>
        </tr>
    </table>
    </form>
    
</body>

posted @ 2013-12-13 14:27  慧明法师  阅读(958)  评论(0编辑  收藏  举报