表单帖子 - 如何获取网址

时间:2017-01-10 23:22:32

标签: html forms post

嗨所以我对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>

enter image description here

1 个答案:

答案 0 :(得分:0)

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

<script>
</script>

标记,您需要通过addEventListener方法

收听按钮上的操作