按钮类型重置不适用于默认值答案

【问题标题】：button type reset not working for default values按钮类型重置不适用于默认值
【发布时间】：2016-11-24 13:40:25
【问题描述】：

嗨，这是我的表格...

<form id="frmer" class="form-inline" method="POST">
    <input name="inp1" value="sda"/>
    <button type="submit" class="btn btn-primary mr5">Search</button>
    <button type="reset" class="btn btn-default" form="frmer">Reset</button>
</form>

当我单击重置按钮时，我还想从文本输入中清除此默认值。但不幸的是，这不会发生。如果有人知道如何存档或任何解决方法，那将是一个很大的帮助..

【问题讨论】：

@LuudJacobs — 为什么？
根据您的用例，我建议使用占位符而不是默认值。要清除字段，您需要使用 js
Placeholder ...或<label>，因为该字段目前没有<label>，这可能是真正的解决方案。
我们无法在 HTML 中重置重置按钮的值。您必须使用 jquery 或 javascript 哟重置表单。
@quentin，没关系...brainfart

标签： javascript html forms

【解决方案1】：

重置意味着“重置”而不是“空白”。应该恢复默认值。

如果您想清空表单，则需要 JavaScript。

遍历每个控件并测试它是什么类型。忽略按钮。将文本、搜索、数字等字段的值设置为""（空字符串）。将复选框的checked属性设置为false等等。

【讨论】：

Quentin：表单内的<button> 将默认提交stackoverflow.com/questions/4667979/…（其他答案已删除，因此我无法在那里回复）。
@Roberrrt — 默认情况下是的，但 HTML 有 type="reset" 覆盖默认值。