点击reset按钮失效 & input 和 button元素 作为提交、重置、按钮功用的区别

2019独角兽企业重金招聘Python工程师标准>>>

失效原因：

1、先看你的写法对吗。

2、只有在表单里才有效，重置包裹他的表单内的其他项到默认值。

 

顺便介绍一下，input 和 button元素 作为提交、重置、按钮功用的区别。

首先，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语义是按钮，重置、普通按钮、提交都是 按钮功能。

二来，我们一般 需要自定义文字标识，不能依靠浏览器，特别是浏览器版本不一，设置统一的文字更加 有利于 界面的稳定。

 

参考：http://blog.sina.com.cn/s/blog_4b72a6540100z994.html

        ：http://www.cnblogs.com/hajerbin/p/6984647.html

转载于:https://my.oschina.net/zjllovecode/blog/1612933