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

百变鹏仔 3个月前 (09-22) #HTML

文章标签表单

每个 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>

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

文章推荐

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

HTML 按钮

语法

示例

示例

html代码是什么

值得一学的6个前端HTML+CSS特效

html怎么设置字体

怎么隐藏html标签

html怎么设置编码utf8