input的submit属性，submit的用法

编程之家2026-07-041112次浏览

其实input的submit属性的问题并不复杂，但是又很多的朋友都不太了解submit的用法，因此呢，今天小编就来为大家分享input的submit属性的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

属性值

描述

button定义可点击按钮（多数情况下，用于通过 JavaScript启动脚本）。

checkbox定义复选框。

file定义输入字段和"浏览"按钮，供文件上传。

hidden定义隐藏的输入字段。

image定义图像形式的提交按钮。

password定义密码字段。该字段中的字符被掩码。

radio定义单选按钮。

reset定义重置按钮。重置按钮会清除表单中的所有数据。

submit定义提交按钮。提交按钮会把表单数据发送到服务器。

text定义单行的输入字段，用户可在其中输入文本。默认宽度为 20个字符。

submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了。

如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button，即取消其自动提交的行为，否则，将会造成提交两次的效果，对于动态网页来说，也就是对数据库操作两次。或者在使用submit时验证时加return true或false。

submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上，submit会提交表单，button不会提交表单.

两者主要区别在于：

submit默认为form提交，可以提交表单（form）.

button则响应用户自定义的事件,如果不指定onclick等事件处理函数，它是不做任何事情.当然，button也可以完成表单提交的工作.

INPUT type=submit即发送表单,按回车提交表单

INPUT type=button就是单纯的按钮功能,提交的是innerTEXT

html中button只是一个按钮的样式，默认没有提交表单的功能，而submit是表单的提交属性，可以实现将所在表单的数据进行的提交。

工具原料：编辑器、浏览器

一、button按钮

1、使用button设置一个按钮样式

<html>

<body>

<buttontype="button">ClickMe!</button>

</body>

</html>2、运行的结果如下

二、submit提交

1、使用submit进行表单的提交，代码如下：

<formaction="form_action.asp"method="get">

<p>Firstname:<inputtype="text"name="fname"/></p>

<p>Lastname:<inputtype="text"name="lname"/></p>

<inputtype="submit"value="Submit"/>

</form>2、结果是点击提交按钮会将表单的值提交到制定的后台地址。

OK，本文到此结束，希望对大家有所帮助。