Javascript 输入读取扫描短暂出现，然后立即复位。我该如何解决这个问题？_Javascript_Html

Javascript 输入读取扫描短暂出现，然后立即复位。我该如何解决这个问题？

javascript html

Javascript 输入读取扫描短暂出现，然后立即复位。我该如何解决这个问题？,javascript,html,Javascript,Html,我无法使此代码块正常工作： <script> function Message(){ document.getElementById("sname").innerHTML = document.getElementById("name").value; } </script> </head> <body> <form> <table&g

我无法使此代码块正常工作：

    <script>
        function Message(){
            document.getElementById("sname").innerHTML = document.getElementById("name").value;
        }
    </script>
</head>
<body>
    <form>
        <table>
            <tr>
                <td style="width:20%">User Name:</td>
                <td><input type="text" id="name" name="name" /></td>
            </tr>
            <tr><td>Password:</td><td><input type="password" name="password"/></td></tr>
            <tr>
                <td style="text-align:right">
                    <input type="submit" onclick="Message()"/>
                </td>
            </tr>   
        </table>     
    </form>
    <div>
        <p>Hi <span id="sname">0</span></p>
    </div>
</body>


函数消息（）{
document.getElementById（“sname”）.innerHTML=document.getElementById（“name”）.value；
}
用户名：
密码：
嗨，0

试试这个

</head>
 <body>
<form onsubmit="event.preventDefault();">
    <table>
            <tr>
                <td style="width:20%">User Name:</td>
                <td><input type="text" id="name" name="name" /></td>
            </tr>
            <tr><td>Password:</td><td><input type="password" name="password"/></td></tr>
            <tr>
                <td style="text-align:right">
                    <input type="submit" onclick="Message()"/>
                </td>
            </tr>   
    </table>     
</form>
<div>
<p>Hi <span id="sname">0</span></p>
</div>

<script>
function Message(){ document.getElementById("sname").innerHTML =     document.getElementById("name").value;  return false;}

 </script>
 </body>


用户名：
密码：
嗨，0
函数消息（）{document.getElementById（“sname”）.innerHTML=document.getElementById（“name”）.value；返回false；}

这是一个提交按钮。改为使用

type='button'

。

解决方案#1

函数消息（）{
event.preventDefault（）；
document.getElementById（“sname”）.innerHTML=document.getElementById（“name”）.value；
}


用户名：
密码：
嗨，0

这是一个提交按钮。