Html 获取表单标记内部的输入

Html 获取表单标记内部的输入,html,Html,我有一个id为的表单和多个id为的输入,以及如何在表单标记中获取特定输入 <form action="#" method="post" id="frm-location"> <input type="text" name="txt-location" id="txt-location" /> </form> 我想要的是从frm位置获取txt位置。HTML是一种静态类型标记语言。因此,就其本身而言,访问和处理数据的选项并不多。有几种从网页获取数

我有一个id为的表单和多个id为的输入,以及如何在表单标记中获取特定输入

<form action="#" method="post" id="frm-location">
      <input type="text" name="txt-location" id="txt-location" />
</form>


我想要的是从frm位置获取txt位置。HTML是一种静态类型标记语言。因此,就其本身而言,访问和处理数据的选项并不多。有几种从网页获取数据的通用方法。我将保持解释的通用性,但它们将转换为您使用的任何平台/语言

  • 访问数据服务器端。这是通过让用户提交表单来实现的。一旦提交,这些值将通过查询参数提供。不同的语言将有不同的方法来访问参数

  • 访问数据客户端。您始终可以使用javascript钩住客户端事件,如onblur、onchange、onfocus。一旦javascript启动,您就可以使用dom/js方法访问各种表单元素,比如getElementById/getElementByName——它们可以分别引用您的表单元素,但不能引用Id/Name

  • 混合方法。AJAX是上面列出的两种方法的混合体。客户端代码(javascript)对服务器进行异步调用。然后,服务器以某种方式处理数据,并将响应发送回客户端


希望这能为你指明正确的方向。如果您想澄清一下您的问题,我当然可以尝试根据您的具体情况提供更多答案。

您想引用
元素本身吗

var form = document.getElementById('frm-location'),
    input = form.getElementsByTagName('input');

// or, more specifically:
var form = document.getElementById('frm-location'),
    input = form['txt-location'];
    // if the name didn't have a dash in it, you could write this instead:
    input = form.txtLocation;

// or, even better, since the input has an ID:
var input = document.getElementById('txt-location');

你想要那个元素的值吗

var input = /* whatever */,
    inputValue = input.value;

使用什么?我猜是Javascript?你说的get是什么意思?