如何在 HTML 表单中使用提交按钮?

javascriptweb developmentfront end scripts

单击"提交"按钮会自动提交表单。使用 HTML 表单,您可以轻松获取用户输入。<form> 标签用于通过添加表单元素来获取用户输入。不同类型的表单元素包括文本输入、单选按钮输入、提交按钮等。

让我们了解如何在 HTML 表单中使用提交按钮。它也使用 HTML <input> 标签创建,但 type 属性设置为按钮。

您可以尝试运行以下代码,使用提交按钮提交并重置表单。在action下,属性添加文件,单击Submit 按钮后您想要到达该文件。使用get post方法,您可以将值发送到在action属性中添加的PHP文件。

示例

<!DOCTYPE html>
<html>
   <body>
      <form action="/new.php">
         Student Name:<br>
         <input type="text" name="sname">
         <br>
         Student Subject:<br>
         <input type="text" name="ssubject">
         <br>
         <input type="submit" value="Submit">
         <input type="reset" value="Reset">
      </form>
   </body>
</html>

相关文章