每个 HTML 表单都有一个与服务器端交互的 action 属性。提交表单时，HTML 操作属性用于指定表单数据应传输到服务器的位置。每个按钮都会将我们带到同一个地方，因为操作属性存储了数据的目的地。
HTML 按钮
可点击的按钮由
语法
以下是 HTML
<form action="#" method="post"> <button type="submit">click</button> </form>
为了更好地了解如何切换按钮并同时提交表单。
示例
在下面的示例中，我们将创建一个表单，该表单提交表单并同时切换按钮。
<!DOCTYPE html>
<html>
<body>
<form action="https://www.tutorialspoint.com/index.htm" method="post">
Username:<br>
<input type="text" name="username">
<br>
Password:<br>
<input type="password" name="password">
<br><br>
<button type="submit" formaction="https://www.tutorialspoint.com/index.htm">
Signin
</button>
</form>
</body>
</html>
当脚本执行时，它将生成一个输出，其中包含一个表单，该表单包含输入字段以及网页上的单击按钮。当用户单击该按钮时，将提交表单并显示一个新页面。
示例
考虑以下示例，我们将创建一个表单，制作切换按钮，并同时提交表单。
<!DOCTYPE html>
<html>
<body style="background-color:#D5F5E3 ;">
<form action="https://www.tutorialspoint.com/index.htm" method="post">
<label for="courses">Choose Courses:</label>
<select name="courses" id="courses">
<option value="HTML">HTML</option>
<option value="Java">Java</option>
<option value="Python">Python</option>
<option value="CSS">CSS</option>
</select>
<br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
运行上述脚本时，将弹出输出窗口，显示下拉列表和提交按钮。当用户单击提交按钮时，表单将被提交并同时打开一个新页面。
以上就是如何同时切换按钮和提交表单？的详细内容，更多请关注编程之家其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
