Question

我是html和JS的新手，我有一个包含几个字段的表单，我需要将其发布到URL。

<form>
    <div>
        <label style="font-size:16px" for="title">Title:</label>
        <input type="text" id="title" maxlength="128"/>
    </div>
    <div>
        <label style="font-size:16px" for="description">Description:</label>
        <textarea id="description" maxlength="1999"></textarea>
    </div>
    <div>
        <label style="font-size:16px" for="idnumber">IDNumber:</label>
        <input type="number" id="idnumber"/>
    </div>
</form>

我需要将输入此表单的值发布到已知道如何处理输入的URL。我确信这很容易，但我是新手，我很难找到解决方案。对任何不正确的术语表示歉意。谢谢！

Answer 1

您必须在表单标记中添加一个指向服务器端脚本的操作。

<form action="myscript.php" method="post">

或者，您可以使用JavaScript将其作为AJAX请求发布，该请求在不刷新页面的情况下提交请求。

Answer 2

您可以使用action属性：

<form action="some/url" method="post">
<!-- ... -->
<input type="submit" value="Submit" /> <!-- Submit button -->
</form>

Answer 3

我说你走在正确的轨道上。使用基本HTML非常简单：向表单元素添加action="mySubmitPage.php"。听起来你想要在不刷新/改变页面的情况下这样做（至少，这是“用Javascript”听起来的方式）

这将涉及“异步”提交。这个奇特的术语是“AJAX”。使用某种形式的Javascript框架可以轻松实现这一部分，特别是如果您想支持所有浏览器怪癖。这是使用JQuery执行此操作的示例，例如：

jQuery - Send a form asynchronously

如何使用javascript将从html表单获取的值发布到URL？

3 个答案: