数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律研究如何同时切换按钮和提交表单？
每个HTML表单都有一个与服务器端交互的action属性。提交表单时，HTML action属性用于指定表单数据应传输到服务器的地址。每个按钮都会将我们带到相同的位置，因为action属性存储了我们数据的目标地址。
HTML按钮
可点击按钮由<button>标签定义。您可以在<button>元素内插入文本（以及<i> <b>，<strong>，<br>和<img>等标签）。使用<input>元素创建的按钮，这是不可行的。
语法
以下是HTML <button>的语法。
<form action="#" method="post"> <button type="submit">click</button> </form>
为了更好地理解如何同时切换按钮和提交表单。
示例
在下面的示例中，我们创建了一个表单，它可以同时提交表单和切换按钮。
<!DOCTYPE html>
<html>
<body>
<form action="https://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://tutorialspoint.com/index.htm">
Signin
</button>
</form>
</body>
</html>
当脚本执行时，它将生成一个包含输入字段和点击按钮的表单，显示在网页上。当用户点击按钮时，表单将被提交，并显示一个新页面。
示例
考虑以下示例，我们创建一个表单，制作切换按钮，并同时提交表单。
<!DOCTYPE html>
<html>
<body style="background-color:#D5F5E3 ;">
<form action="https://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>
运行上述脚本后，将弹出输出窗口，显示下拉列表和提交按钮。当用户点击提交按钮时，表单将被提交，并同时打开一个新页面。
更新于：2023年4月20日
806 次浏览
广告