首页 > web前端 > html教程 > 如何同时切换按钮和提交表单?

如何同时切换按钮和提交表单?

WBOY
发布: 2023-08-31 16:13:03
转载
632 人浏览过

如何同时切换按钮和提交表单?

每个 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>
登录后复制

运行上述脚本时,将弹出输出窗口,显示下拉列表和提交按钮。当用户单击提交按钮时,表单将被提交并同时打开一个新页面。

以上是如何同时切换按钮和提交表单?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:tutorialspoint.com
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板