📅  最后修改于: 2023-12-03 14:41:58.539000             🧑  作者: Mango
在HTML5中,我们可以使用form
元素来向指定的URL发送数据。form
元素中有一个method
属性,可以用来指定HTTP请求的方法。常用的HTTP方法有GET
和POST
,以及一些不常用的方法如PUT
、DELETE
等。
当使用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
方法时,浏览器将把表单数据发送到服务器的动作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请求,请求正文中包含用户名和密码等表单数据。
除了GET
和POST
,HTML5还支持其他HTTP方法,如PUT
、DELETE
、PATCH
等。要使用这些方法,只需要在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
属性。