📜  HTML5中如何定义向动作URL发送数据的HTTP方法?(1)

📅  最后修改于: 2023-12-03 14:41:58.539000             🧑  作者: Mango

HTML5中如何定义向动作URL发送数据的HTTP方法?

在HTML5中,我们可以使用form元素来向指定的URL发送数据。form元素中有一个method属性,可以用来指定HTTP请求的方法。常用的HTTP方法有GETPOST,以及一些不常用的方法如PUTDELETE等。

GET方法

当使用GET方法时,浏览器将把表单数据附加到URL的末尾,并通过URL参数的形式将其发送到服务器。

<form method="get" action="http://example.com">
  <input type="text" name="query" placeholder="Search...">
  <button type="submit">Search</button>
</form>

在上面的示例中,当用户点击"Search"按钮时,浏览器将向http://example.com?query=[user input]发送GET请求,其中[user input]是用户在表单中输入的文本。

POST方法

当使用POST方法时,浏览器将把表单数据发送到服务器的动作URL,作为请求正文的一部分。

<form method="post" action="http://example.com">
  <input type="text" name="username" placeholder="Username">
  <input type="password" name="password" placeholder="Password">
  <button type="submit">Log in</button>
</form>

在上面的示例中,当用户点击"Log in"按钮时,浏览器将向http://example.com发送POST请求,请求正文中包含用户名和密码等表单数据。

其他HTTP方法

除了GETPOST,HTML5还支持其他HTTP方法,如PUTDELETEPATCH等。要使用这些方法,只需要在form元素中指定相应的method即可。

<form method="put" action="http://example.com">
  <input type="text" name="title" placeholder="Title">
  <textarea name="content" rows="10"></textarea>
  <button type="submit">Save</button>
</form>

在上面的示例中,当用户点击"Save"按钮时,浏览器将向http://example.com发送PUT请求,请求正文中包含标题和内容等表单数据。

总之,在HTML5中,我们可以使用form元素来向动作URL发送数据的HTTP方法,并且不管使用哪种HTTP方法,都需要在form元素中明确指定相应的method属性。