HTML表单基本元素的应用之提交按钮和重置按钮
Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说HTML表单基本元素的应用之提交按钮和重置按钮,希望能够帮助你!!!。
提交按钮
提交按钮用来将输入的信息提交到服务器。代码格式如下：
<input type="submit" name="..." value="...">
其中type="submit"定义提交按钮；name属性定义提交按钮的名称；value属性定义按钮的显示文字。通过提交按钮，可以将表单的信息提交给表单里action所指向的文件。
（1）编写代码如下图所示，在<body>标签中加入以下代码。
（2）在浏览器中打开文件，预览效果图如下所示，输入内容按【提交】按钮，即可将表单中的数据发送到指定的文件。
重置按钮
复位按钮用来重置表单中输入的信息。代码格式如下：
<input type="reset" name="..." value="..." >
其中type="reset"定义复位按钮；name属性定义复位按钮的名称；value属性定义按钮的显示文字。
（1）编写代码如下图所示，在<body>标签中加入以下代码。
（2）在浏览器中打开文件，预览效果图如下所示，输入内容后单机【重置】按钮，即可将表单中的数据清空。
今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。
上一篇
已是最后文章
下一篇
已是最新文章
最新文章
![](https://connect.qq.com/widget/shareqq/index.html?url=https://bianchenghao6.com/blog/author/1&sharesource=qzone&title=HTML表单基本元素的应用之提交按钮和重置按钮&pics=https://img.mushiming.top/app/bianchenghao6_com/2023-05-21-da06dc8722734118b8f91041d6afa71f.jpg?_iz=58558&from=article.pc_detail&x-expires=1685287114&x-signature=o0g120YXhLcVFsOpE9w42CIq1mw%3D&summary=HTML表单基本元素的应用之提交按钮和重置按钮提交按钮提交按钮用来将输入的信息提交到服务器。">其中type="submit"定义提交按钮；name属性定&desc=HTML表单基本元素的应用之提交按钮和重置按钮提交按钮提交按钮用来将输入的信息提交到服务器。">其中type="submit"定义提交按钮；name属性定){kind=link}
![](https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=https://bianchenghao6.com/blog/author/1&sharesource=qzone&title=HTML表单基本元素的应用之提交按钮和重置按钮&pics=https://img.mushiming.top/app/bianchenghao6_com/2023-05-21-da06dc8722734118b8f91041d6afa71f.jpg?_iz=58558&from=article.pc_detail&x-expires=1685287114&x-signature=o0g120YXhLcVFsOpE9w42CIq1mw%3D&summary=HTML表单基本元素的应用之提交按钮和重置按钮提交按钮提交按钮用来将输入的信息提交到服务器。">其中type="submit"定义提交按钮；name属性定){kind=link}
