Question

我是HTML的新手，我遇到了关于onSubmit表单的代码问题。

当我不使用表格并拥有onSubmit =＆＃34; Move（）＆＃34;输入为onClick =＆＃34; Move＆＃34 ;,然后函数Move完美运行。

然而，当我包含表格并放上onSubmit =＆＃34; Move（）＆＃34;然后该功能根本不起作用。

有人可能会指出我的错误并为此提供解决方案吗？这真让我生气。

<!doctype html>
<html lang="en">
<style>
#myProgress {
  width: 100%;
  background-color: #ddd;
}

#myBar {
  width: 10%;
  height: 30px;
  background-color: #4CAF50;
  text-align: center;
  line-height: 30px;
  color: white;
}
</style>

<head>
    <meta charset="utf-8">
    <title>Hello</title>
    <link rel=stylesheet type=text/css href='{{ url_for('static',filename='style.css')}}'>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <!--<link rel=stylesheet type=text/css href='/static/style.css'>-->
</head>
<body>
    <div id="content">
        <h1>Hello</h1>
        <div class=metanav>

            <h4>Please enter a stock ticker eg. GOOG, and check desired features.</h4>

            <form onsubmit="Move()">

                <input type="submit" value="Submit"/> 

            </form>

            <div id="myProgress">
                  <div id="myBar">10%</div>
            </div>

            <script>
                function Move() {
                    var elem = document.getElementById("myBar");   
                    var width = 10;
                    var id = setInterval(frame, 100);
                    function frame() {
                        if (width >= 100) {
                          clearInterval(id);
                        } else {
                          width++; 
                          elem.style.width = width + '%'; 
                          elem.innerHTML = width * 1  + '%';
                        }
                    }
                }
            </script>
        <hr>
        {% block content %}{% endblock %}
        </div>
    </div>
</body>

HTML，onsubmit不起作用

0 个答案: