关键词：
首先，input元素和button元素 都是可以作为普通按钮、提交按钮、重置按钮的。
<input type="button" value="button"> <input type="submit"> <input type="reset"> input元素默认 text类型 <button type="button">button</button> <button type="submit">submit</button> <button type="reset">reset</button> button元素默认 submit类型。
其次，我们来看效果
看起来，好像是input类型的占位稍微多点，其实这是由于中英文字 占距 不同导致的，说到这就要讲一下 。
input除了button类型需要设置value属性之外。submit和reset都不需要，浏览器会默认配置，这里配置的是中文。 而button则必须手动配置。
最后，如何选择？
建议 使用button，因为一来 从开发角度讲，标签的语义化 越来越被提倡，input语义是输入，button语义是按钮，重置、普通按钮、提交都是 按钮功能。
二来，我们一般 需要自定义文字标识，不能依靠浏览器，特别是浏览器版本不一，设置统一的文字更加 有利于 界面的稳定。
input元素的23种type类型
...新增了多种类型，用以接受各种类型的用户输入。其中，button、checkbox、file、hidden、image、password、radio、reset、submit、text这10个是传统的输入控件，新增的有color、date、datetime、datetime-local、email、month、number、range、search、tel、tim... 查看详情
表单学习心得
...中常用的type类型：radio单选checkbox多选text文本password密码button按钮分为三种submit带提交的按钮<button></button>标签按钮input插入按钮，其中标签按钮常用seset重置image图片hidden隐藏color颜色HTML5TYPE类型 查看详情
如何使用 jquery 选择所有输入，不是提交、重置或按钮？
...英文标题】：howtousejquerytoselectallinputs,thatarenotsubmit,resetorbutton?【发布时间】：2012-03-0809:56:25【问题描述】：我正在尝试选择除inputtype="submit/reset/button之外的所有输入元素我尝试过制作这样的选择器：inputSelector=\'input:not(inp 查看详情
表单校验及正则表达式
1.常用的表单选择器input:匹配所有input、textarea、select和button元素text：匹配所有单行文本框password：匹配所有密码框radio：匹配所有单项按钮checkbox:匹配所有复选框submit：匹配所有提交按钮image：匹配所有图像域reset：匹配所有重置... 查看详情
关于form下提交和重置input按钮默认事件问题
今天用js清空input值的时候死活不行，搞了半天终于可以了。。原因是因为默认事件。。HTML代码<form><inputid="input"type="txt"value="查询"><inputid="submit"type="submit"value="提交"><inputid="reset"type="reset"value="重置">< 查看详情
表单校验及正则表达式
...用的表单选择器 input:匹配所有input、textarea、select和button元素 text：匹配所有单行文本框 password：匹配所有密码框 radio：匹配所有单项按钮 checkbox:匹配所有复选框 submit：匹配所有提交按钮 image：匹配所... 查看详情
html改变button按钮位置
...e: 表示按钮的名称，通常作为按钮标识进行使用。<buttonname="btn">按钮</button>。2、type:表示按钮类型，通常与表单一起联用。reset:重置按钮sumit:提交按钮button:普通按钮<buttontype="button">按钮</button&g... 查看详情
表单的构成
...文件type="submit"定义提交按钮type="reset"定义重置按钮type="button"定义一个普通按钮type="image"定义图片作为提交按钮，用src属性定义图片地址type="hidden"定义一个隐藏的表单域，用来存储值value属性定义表单元素的值name属性定义表单元... 查看详情
表单控件的全面分析
...按钮或图像按钮时，就会提交表单。使用<input>或<button>都可以定义提交按钮，只要将其type特性的值设置为“submit”即可，而图像按钮则是通过将<input>的type特性值设置为“image”来定义的。因此，只要我们单击以下... 查看详情
submit和button的区别
submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了。如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button，即取消其自动提交的行为，否则，将会造成... 查看详情
a,input,button按钮区别
...现层的统一）：这个主要是ff和opera下line-height对input['button'],button不起作用。小结：从理论上来看，button形式的提交按钮优于input形式的提交按钮。但如果考虑浏览器通用性，很多时候还是只能使用input形式的提交按钮。之... 查看详情
input标签的type
type作用button表示为一个普通的按钮submit表示为表单提交的按钮reset表示为·表单内容重置按钮 查看详情
input标签的type
type作用button表示为一个普通的按钮submit表示为表单提交的按钮reset表示为·表单内容重置按钮 查看详情
测试全栈化--前端学习(16)input属性提交和重置
...的值，就是value值，可以在网页中删除掉。页面中的表单元素很多，如何区别不同的表单元素？使用name属性，当前input表单的名字，后台可以通过这个name属性找到这个表单，页面中的表单很多，name的主要作用就 查看详情
测试全栈化--前端学习(16)input属性提交和重置
...的值，就是value值，可以在网页中删除掉。页面中的表单元素很多，如何区别不同的表单元素？使用name属性，当前input表单的名字，后台可以通过这个name属性找到这个表单，页面中的表单很多，name的主要作用就 查看详情
html-button和input的区别
一、定义和用法<button> 标签定义的是一个按钮 1、在<button>元素内部，您可以放置内容，比如文本或图像。这是该元素与使用<input>元素创建的按钮之间的不同之处； 2、<button> 控件提供了... 查看详情
input的基本用法
...input元素的类型。语法：<inputtype="value">属性值值描述button定义可点击按钮（多数情况下，用于通过JavaScript启动脚本）。checkbox定义复选框。file定义输入字段和"浏览"按钮，供文件上传。hidden定义隐藏的输入字段。image定义图... 查看详情
javascript
input标签几种属性值button：用作定义按钮checkbox：定义复选框file：供文件上传hidden：定义隐藏的输入字段image：图像形式的提交按钮password：密码字段radio：单选按钮reset：重置按钮，清除表单中所有数据submit：提交表单text：定义... 查看详情