【问题标题】:form post - how to get url表单帖子 - 如何获取网址
【发布时间】:2017-01-11 07:27:02
【问题描述】:

嗨,我对 html 和 javascript 还很陌生,我正在尝试创建这个简单的计算器 - 用户输入小时数,它会为用户返回各种数量的东西,例如平均小时数等。

我正在尝试使用 post 方法来提交数据,但如果我只是在 sublime 文本中编写 html 文件,我对如何获取要使用的 url 感到困惑?下面是html代码。

我已经阅读了许多有关客户端/服务器交互的网站,但我仍然对如何进行此操作感到有些困惑。提前致谢!

<form action="????????" method="post">

  <div class="initialdata">
    Total employees in office:
    <br>
    <input type="text" name="totalemployees">
    <br>Total work hours in a day:
    <br>
    <input type="text" name="workhours">
    <br>
  </div>

  <!--- *************************Display table for inputting data************************* -->
  <div class="hours">
    <table>
      <tr id='addr0'>
        <td>
          <input type="number" name="avgHours[]" min="0">
        </td>
      </tr>
      <tr>
        <td>
          <input type="number" name="avgHours[]" min="0">
        </td>
      </tr>
      <tr>
        <td>
          <input type="number" name="avgHours[]" min="0">
        </td>
      </tr>
      <tr>
        <td>
          <input type="number" name="avgHours[]" min="0">
        </td>
      </tr>
      <tr>
        <td>
          <input type="number" name="avgHours[]" min="0">
        </td>
      </tr>
      <tr>
        <td>
          <input type="number" name="avgHours[]" min="0">
        </td>
      </tr>
      <tr>
        <td>
          <input type="number" name="avgHours[]" min="0">
        </td>
      </tr>
      <tr>
        <td>

          <!--- ***************** Add row button ******************** -->
          <button type="button" id="addrow" title="Add row" class="ar">
            Add row
          </button>
          <!--- *********************** CALCULATE button ************************** -->

          <input class="button" value="Calculate" type="submit" />
</form>

【问题讨论】:

    标签: html forms post


    【解决方案1】:

    如果你只使用javascript构建你的程序,你不需要向服务器发送请求,你的代码将通过javascript在客户端机器上运行

    <script>
    </script>
    

    tag,你需要通过addEventListener方法监听按钮的动作

    【讨论】:

      猜你喜欢
      • 2016-04-06
      • 1970-01-01
      • 1970-01-01
      • 2013-01-20
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多