HTML5的Input的Formmethod怎么用？如何更改表单提交方法？
在HTML5之前，如果我们需要一个表单根据用户点击的不同按钮，以不同的HTTP方法（如GET或POST）提交数据，通常需要借助JavaScript来动态修改<form>标签的method属性。而HTML5引入了一系列新的表单属性，其中formmethod属性完美解决了这个问题，它允许我们在提交按钮上直接覆盖表单的默认提交方法。
一、什么是 formmethod 属性？
formmethod 属性是 HTML5 新增的一个表单相关属性，专门用于 <input> 元素（且其 type 属性必须为 submit 或 image）。
它的核心作用是：覆盖所属 <form> 表单的 method 属性。 也就是说，表单本身可以设定一个默认的提交方法，但当用户点击了带有 formmethod 属性的提交按钮时，表单将按照该按钮指定的方法进行提交，而不是表单原本的方法。
二、formmethod 的合法值
formmethod 属性有三个合法的值：
get：将表单数据以 URL 参数的形式附加到动作 URL 后面进行提交。适合非敏感数据，数据量较小的情况。
post：将表单数据作为 HTTP POST 请求的主体发送。适合包含敏感信息、数据量较大或需要修改服务器状态的情况。
dialog：用于关闭对话框元素，此时表单数据不会被提交到服务器。此值通常与
<dialog>元素结合使用。
三、如何使用 formmethod 更改表单提交方法？
下面通过一个具体的示例来演示如何使用 formmethod。假设我们有一个登录表单，默认使用 post 方法提交以确保安全；但同时我们提供了一个“体验游客模式”的按钮，希望以 get 方法提交以便于URL分享和缓存。
<form action="http://www.ipipp.com/login" method="post"> <label for="username">用户名:</label> <input type="text" id="username" name="username"><br><br> <label for="password">密码:</label> <input type="password" id="password" name="password"><br><br> <!-- 默认提交按钮，使用表单的 method="post" --> <input type="submit" value="安全登录"> <!-- 覆盖提交按钮，使用 formmethod="get" --> <input type="submit" formmethod="get" value="体验游客模式"> </form>
代码解析：
表单标签
<form>定义了method="post"，这意味着如果没有特殊说明，表单将以 POST 方式提交。第一个提交按钮“安全登录”没有指定
formmethod，因此它会继承表单的post方法。第二个提交按钮“体验游客模式”添加了
formmethod="get"。当用户点击此按钮时，表单将忽略原本的post方法，转而使用get方法提交数据。
四、实际应用场景：保存草稿与正式发布
formmethod 在内容管理系统（CMS）中非常实用。例如，写文章时，“保存草稿”通常不需要极高的安全性，且希望可以通过URL直接访问草稿预览，可以使用 get；而“正式发布”涉及数据的状态变更，必须使用 post。
<form action="http://www.ipipp.com/article" method="post"> <label for="title">文章标题:</label> <input type="text" id="title" name="title"><br><br> <label for="content">文章内容:</label> <textarea id="content" name="content" rows="5"></textarea><br><br> <!-- 正式发布，使用 POST --> <input type="submit" value="正式发布"> <!-- 保存草稿，覆盖为 GET，并配合 formaction 指向草稿接口 --> <input type="submit" formmethod="get" formaction="http://www.ipipp.com/draft" value="保存草稿"> </form>
五、注意事项
适用元素限制：
formmethod属性只能用于type="submit"或type="image"的<input>标签上。对于其他类型的 input（如 text, radio 等）无效。配合其他 form* 属性：HTML5 还提供了
formaction、formenctype、formnovalidate、formtarget等属性，它们可以与formmethod配合使用，在单个按钮上完全覆盖表单的默认行为，实现高度灵活的表单控制。浏览器兼容性：
formmethod是 HTML5 的特性，目前所有现代浏览器（Chrome, Firefox, Safari, Edge 等）均支持良好。如果需要兼容非常老旧的浏览器（如 IE9 及以下），可能仍需依赖 JavaScript 方案。
总结
HTML5 的 formmethod 属性极大简化了同一表单多方式提交的开发复杂度。通过在提交按钮上简单地添加 formmethod="get" 或 formmethod="post"，我们就可以优雅地覆盖表单的默认提交方法，无需编写任何 JavaScript 代码，使得 HTML 结构更加语义化，逻辑更加清晰。