Question

form表单 点击reset 怎么控制某个input 为readonly的 输入框不被重置阿

Answer 1

如果你使用内置的表单 reset() 方法来重置的话，表单内所有的 <input> 的值都会重置为初始的值。如果你不想让某个 <input> 被重置，在执行 reset() 方法之前修改它的 defaultValue 属性，将它当前的值设为初始值，这样执行 reset() 的时候这个 <input> 的值就不会被重置掉了。

示例代码：

<form>
	<input id="myInput" value="默认值" readonly />
</form>
<button type="button" id="resetButton" onclick=''>重置</button>

<script>
	document.getElementById("resetButton").onclick = function(){
		var myInput = document.getElementById("myInput");
		myInput.defaultValue = myInput.value;
		document.forms[0].reset()
	}
</script>

如果还不明白可以追问。